7OK

Outils du site

Inventer quelque chose a consiste à ramasser les idées des autres pour en tirer des conclusions aux-quelles ils n'avaient pas pensé eux-mêmes. [Coluche]
Vous êtes ici : 7OK » Tⓞⓞls » Images
56-tools:images

Différences

Ci-dessous, les différences entre deux révisions de la page.

Lien vers cette vue comparative

Les deux révisions précédentesRévision précédente
Prochaine révision		Révision précédente
56-tools:images [2017/01/11 09:34] – Roge56-tools:images [2017/10/06 23:38] (Version actuelle) – modification externe 127.0.0.1
Ligne 8: Ligne 8:
 <code css> <code css>
 .ImgCollapsed { .ImgCollapsed {
- cursor: pointer; 
  width:20; height:20;  width:20; height:20;
  text-decoration: none;   text-decoration: none; 
Ligne 15: Ligne 14:
 </code> </code>
  
 +usage en HTML:
  
-usage en javascript :+<code html> 
 +<a href="#" onClick="alert('coucou');" title="Open"> <IMG CLASS="Collapsed"/> </a> 
 +</code> 
 + 
 +[[http://jsfiddle.net/redg35ha/|Exemple fiddle]] 
 + 
 +On peut aussi stocker une image dans le javascript :
 <code:js> <code:js>
-%%window.ImgCollapsed = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAALCAYAAABs3u23AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAYdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuNvyMY98AAACtSURBVDhPY/j//z9dMZjYcOjK/9rZO3BikDyyJkowmAAZig9A5TE0k4PBBMjAP3/+wDEDUBjG/vb1A20s/PbtKxyDLATRHz+8/P/gwT0aWQj0CcgidHz31kWcFhobG/8HYWL5IAwmQAZ+/PgWjN++eQa26OXLx2Df3bx6mjYWvnh2A2w4CIMsvHbh2P9LZ/b/P3NyF22CFGTw/r0b/h/asRwDU91CuudD+uH/DADncY0ihCIzIAAAAABJRU5ErkJggg==";%%''+window.ImgCollapsed = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAALCAYAAABs3u23AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAYdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuNvyMY98AAACtSURBVDhPY/j//z9dMZjYcOjK/9rZO3BikDyyJkowmAAZig9A5TE0k4PBBMjAP3/+wDEDUBjG/vb1A20s/PbtKxyDLATRHz+8/P/gwT0aWQj0CcgidHz31kWcFhobG/8HYWL5IAwmQAZ+/PgWjN++eQa26OXLx2Df3bx6mjYWvnh2A2w4CIMsvHbh2P9LZ/b/P3NyF22CFGTw/r0b/h/asRwDU91CuudD+uH/DADncY0ihCIzIAAAAABJRU5ErkJggg==";''
 </code> </code>
Dernière modification : 2017/10/06 23:38

Outils de la page