Enlace (http://krn.p.ht/PhpProject1/index.html)
Mi página trata sobre una empresa de alimentación en la que en la pagina principal nos encontramos fotos de los productos de la tienda. El plugin que he utilizado se llama cycle, que consiste en una galería de fotos que van cambiando según pasa un determinado periodo de tiempo. Es muy sencillo solamente tenemos que descargarnos las correspondientes librerías de jquery y enlazarlas en el <head> mediante un script src y quedaria asi:
<script src=»js/jquery-1.6.2.min.js» type=»text/javascript«></script>
<script src=»js/jquery.cycle.all.js» type=»text/javascript«></script>
La primera es la librería general de jquery y la segunda la específica de nuestro plugin. Las librerías las guardaremos dentro de una carpeta js. Podemos descargarlas desde estos enlaces:
http://jquery.com/
http://jquery.malsup.com/
Una vez enlazadas las librerías tenemos que elegir nuestras imagenes que irán rotando. En nuestro caso hemos elegido 5 fotos de frutas y las hemos puesto todas con el mismo tamaño {width=600px y height=400px }(muy importante que tengan el mismo tamaño) .Una vez echo esto, las hemos metido todas dentro de un <div> que las contendrá y al que se le aplicara la clase (class=»slideshow»).No os preocupéis si netbeans os marca error en la clase, es normal porque no esta creada.
El ultimo paso sera introducir este sencillo código:
Una vez introducido este código ya lo tenemos: http://krn.p.ht/PhpProject1/index.html