Skip navigation
darose2444
darose2444
Currently Being Moderated

CSS image slideshow

Jun 19, 2012 8:03 AM

Tags: #css #slideshow

I am looking for a simple image CSS slideshow, images that fade into the next, with link capability for each image. Very simple, but I can't find one! 

 

See fading images here: http://www.casadefruta.com/index-test.php

 

The above is all I want, but I am not sure how to hook up the links.

 

Any thoughts?

6382 Views   1 Reply   Latest reply: Nancy O., Jun 21, 2012 1:17 PM
 
Replies
  • Nancy O.
    Currently Being Moderated
    1. Nancy O.,
    Jun 21, 2012 1:17 PM   in reply to darose2444
    Report

    CSS alone won't do what you want.  But jQuery Cycle plugin will.

    http://jquery.malsup.com/cycle/

     

    Add hyperlinks to images the way you normally do.

     

    <div class="slideshow">

    <a href="link1.html"><img src="image1.jpg"></a>

    <a href="link2.html"><img src="image2.jpg"></a>

    <a href="link3.html"><img src="image3.jpg"></a>

    </div>

     

     

     

    Nancy O.

    Alt-Web Design & Publishing

    Web | Graphics | Print | Media  Specialists 

    http://alt-web.com/

     
    |
    Mark as:
Actions

More Like This

  • Retrieving data ...

Bookmarked By (0)

Answers + Points = Status

  • 10 points awarded for Correct Answers
  • 5 points awarded for Helpful Answers
  • 10,000+ points
  • 1,001-10,000 points
  • 501-1,000 points
  • 5-500 points