Status: Finished

Galería de imágenes simple con Jquery

Project details:
Budget: Open
Published: 3 years ago
Deadline: Not defined
Bids: 16
Interested freelancers: 17

Skills required: IT & Programming jQuery HTML

Description:
Crear una galeria de fotos simple en base a la estructura html que tengo, es muy simple, tengo varias imagenes detro de un html y sobre la foto que se muestra tengo dos botones (encima de la foto) uno es para click siguiente otro para atras y tiene que funcionar de esa manera, al dar click en siguiente llevara a la foto que sigue y de la misma fotrma al dar click para atras que se muestre la foto anterior, necesito que sea geneérica, es decir voy a ocupar la misma funcion en varios paginas de ese sitio, pueden ser desde 5 hasta 100 fotos sin importar nombre, tengo la siguiente estructura en mi html:
<div id="content">
<div id="img1" class="imagen">
<img class="fashion" src="img/photo-1.jpg" alt="">
<a class="previous anterior" title="Previous image" href="#"></a>
<a class="next segunda" title="Next image" href="#"></a>
</div>
<div id="img2" class="imagen">
<img class="editorial" src="img/photo-2.jpg" alt="">
<a title="Previous image" href="#"></a>
<a title="Next image" href="#"></a>
</div>
<div id="img3" class="imagen">
<img class="film" src="img/photo-3.jpg" alt="">
<a title="Previous image" href="#"></a>
<a title="Next image" href="#"></a>
</div>
<div id="img4" class="imagen">
<img class="example" src="img/photo-4.jpg" alt="">
<a class="previous" title="Previous image" href="#"></a>
<a class="next" title="Next image" href="#"></a>
</div>
<div id="instructions">
<p>Click on Image</p>
</div>
</div><!--#content-->
Necesito que al dar click en el link con titulo "Next Image" oculte la imagen actual y muestre la siguiente "img" dentro del div con clase "imagen" y al dar click en "Previous Image" oculte la actual y muestre la "img" que esta dentro del div anterior con clase "imagen" espero me explique bien, de todas formas anexo el proyecto para que lo revisen
jQuery
Attached files: GG-web_2013.zip

Create your own project

Are you looking for a freelancer to work on a similar project? Create your own project and you'll receive proposals from the best freelancers.

Create a similar project

Client:

Carlos G.
(Rating 4.90 out of 5)
Location: Mexico
To find out more about this client, login to Workana.
Loading...