hacer rotación de imagenes(slideshow)

[ArturoGallegos]

Iniciado por nuria1254

he mirao el link que me has puesto, pero no se como incluirlo en una web... soy nueva en esto y me cuesta jajajaj

bien para implementarlo descarga el js de la pagina que te enlace, posterior mente coloca estas lineas en el head de tu pagina... obviamente corrige las urls

Código HTML:

<script type="text/javascript" src="js/jquery.cycle.all.js"></script>
<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
 

y dentro del body coloca:

Código HTML:

<ul id="CycleSlideShow" class="CycleSlideShow">
            <li>
    <img src="img/Internet-graphic.png" alt="Internet-graphic" />
    <div class="content">
        <h2 class="titlehead">primer slide que se muestea</h2>
        <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s,.</p>
    </div>
            </li>
            <li>
    <img src="img/Internet-graphic.png" alt="Internet-graphic" />
    <div class="content">
        <h2 class="titlehead">segundo slide a mostrar.</h2>
        <p>when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also.</p>
    </div>
            </li>
        </ul>
<script type="text/javascript">
$('#CycleSlideShow').after('<div id="navCSS" class="navCSS">').cycle({
    fx: 'fade',
    speed: 1000,
    timeout: 5000,
    pause: true,
    pager:  '.navCSS'
});
</script>
 

yo utilizo listas <ul> pero bien puedes usar div por ejemplo

Código HTML:

<div id="cycle">
       <div>tu contenido</div>
       <div>tu contenido</div>
</div>
 

si deseas solo imágenes

Código HTML:

<div id="cycle">
      <img />
      <img />
</div>
 

para mas referencia sobre las funciones trata de leer la documentación que hay en el sitio y donde tengas dudas comentalo y tratare de ayudarte