Como utilizar los .js

Imperium

Hola,

Estoy haciendo una pagina web, despues de informarme de "mootools" mire una pagina web donde venia el codigo de un js que me gustaba, pero no se como insertarlo en el html.
El .js en cuestion es este:

http://www.moord.it/examples/virtual_box (fold)

Se linkearlo en el head, pero como hago para que las fotos que quiera les afecte ese javascript?

Gracias.

scumah

Pon los links a las imágenes con clase "virtualbox", es decir, que tengan esta pinta:

<a id="tu_id" [b]class="virtualbox"[/b] href="images/foto.jpg" title="tu_titulo">
      <img src="images/foto_thumb.jpg" alt="tu_alt">
</a>

A ver si te va.

bLaKnI

En el codigo de la web que has dado, aparece lo siguiente:

<a id="ok1" class="virtualbox" href="/examples/1.3.1/virtual_box/images/p1.jpg" title="Wonderful Panorama :: 
A wonderful Panorama which shows the mountains and the clouds">
	<img src="/examples/1.3.1/virtual_box/images/p1_thumb.jpg" alt="" />
	</a>
	<!--<a id="ok1" class="virtualbox" href="/examples/1.3.1/virtual_box/images/p1.jpg" title="Wonderful Panorama :: 
A wonderful Panorama which shows the mountains and the clouds dasssssssssssssssssssssssssssssssssssssssssssssssssssssss">
	<img src="/examples/1.3.1/virtual_box/images/p1_thumb.jpg" alt="" />
	</a>-->
	
<a id="ok2" class="virtualbox" href="/examples/1.3.1/virtual_box/images/p2.jpg" title="Another Panorama :: 
Another wonderful Panorama which shows some islands and a beach">
<img src="/examples/1.3.1/virtual_box/images/p2_thumb.jpg" alt="" />

</a>

<a id="ok3" class="virtualbox" href="/examples/1.3.1/virtual_box/images/p3.jpg" title="Small Town :: 
A collection of houses and a great tower">
<img src="/examples/1.3.1/virtual_box/images/p3_thumb.jpg" alt="" />
</a>

<a id="ok4" class="virtualbox" href="/examples/1.3.1/virtual_box/images/p4.jpg" title="Green Laguna :: 
A green Laguna">
<img src="/examples/1.3.1/virtual_box/images/p4_thumb.jpg" alt="" />
</a>

Usuarios habituales

  • bLaKnI
  • scumah
  • Imperium