• Creator
    Topic
  • March 25, 2014 at 7:19 pm #8317

    steve railey
    Spectator

    I have successfully add an image to my carousel slider (Widget) at the bottom of my page. I need each image in my slider to be a clickable link to an outside URL. How can I accomplish this?

    ecubenetworks.com

  • Creator
    Topic
Viewing 5 replies - 1 through 5 (of 5 total)
Replies
  • Roman
    Keymaster
    March 26, 2014 at 6:29 pm
    Post count: 2645
    #9315 |

    the carousel item should look like:

    Code:
    <a href=”http://example.com”><img alt=”” src=”http://ecubenetworks.com/wp-content/themes/evolve/library/media/images/slider/slider_img_04.jpg”></a>
    steve railey
    Spectator
    March 26, 2014 at 9:22 pm
    Post count: 2
    #9317 |

    This is what I have and it does not seem to be working:

    <div id=’myCarousel’ class=’carousel slide’ data-ride=’carousel’>

    <div class=’carousel-inner’>
    <div class=’item active’>

    <a href=”http://www.7thdi.com”><img alt=”” src=”http://ecubenetworks.com/wp-content/themes/evolve/library/media/images/slider/slider_img_04.jpg”></a>
    <div class=’carousel-caption’>
    <h4></h4>
    </div>
    </div>

    Roman
    Keymaster
    March 27, 2014 at 9:25 am
    Post count: 2645
    #9318 |

    try this one:

    Code:
    <div id=’myCarousel’ class=’carousel slide’ data-ride=’carousel’>

    <div class=’carousel-inner’>
    <a href=”http://www.7thdi.com”><div class=’item active’>
    <img alt=”” src=”http://ecubenetworks.com/wp-content/themes/evolve/library/media/images/slider/slider_img_04.jpg”>
    <div class=’carousel-caption’>
    <h4></h4>
    </div></a>
    </div>

    steve railey
    Spectator
    March 27, 2014 at 4:37 pm
    Post count: 2
    #9321 |

    Still not working for me. This is what I have for the entire Widget:

    <div id=’myCarousel’ class=’carousel slide’ data-ride=’carousel’>

    <div class=’carousel-inner’>
    <a href=”http://www.7thdi.com”><div class=’item active’>
    <img alt=”” src=”http://ecubenetworks.com/wp-content/themes/evolve/library/media/images/slider/slider_img_04.jpg”>
    <div class=’carousel-caption’>
    <h4></h4>
    </div></a>
    </div>

    <div class=’item’>

    <a href=”http://7thdi.com”><img alt=”” src=”http://ecubenetworks.com/wp-content/themes/evolve/library/media/images/slider/slider_img_04.jpg”></a>
    <div class=’carousel-caption’>
    <h4></h4>
    </div>
    </div>

    <div class=’item’>

    <img src=’http://ecubenetworks.com/wp-content/themes/evolve/library/media/images/slider/slider_img_04.jpg’ alt=” />
    <div class=’carousel-caption’>
    <h4>Unlimited color schemes</h4>
    </div>
    </div>

    </div>

    <a class=’left carousel-control’ href=’#myCarousel’ data-slide=’prev’><img src=’http://ecubenetworks.com/wp-content/themes/evolve/library/media/images/left-ar.png’ /></a>
    <a class=’right carousel-control’ href=’#myCarousel’ data-slide=’next’><img src=’http://ecubenetworks.com/wp-content/themes/evolve/library/media/images/right-ar.png’ /></a>

    </div>

    Roman
    Keymaster
    March 27, 2014 at 5:20 pm
    Post count: 2645
    #9323 |

    the code you provided works for me

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘Carousel Slider Hyperlink’ is closed to new replies.