• Closed
  • steve railey
    Spectator
    March 25, 2014 at 7:19 pm #8317

    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

    Roman
    Spectator
    Posts: 3147
    March 26, 2014 at 6:29 pm #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&gt;
    steve railey
    Spectator
    Posts: 2
    March 26, 2014 at 9:22 pm #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&gt;
    <div class=’carousel-caption’>
    <h4></h4>
    </div>
    </div>

    Roman
    Spectator
    Posts: 3147
    March 27, 2014 at 9:25 am #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”&gt;
    <div class=’carousel-caption’>
    <h4></h4>
    </div></a>
    </div>

    steve railey
    Spectator
    Posts: 2
    March 27, 2014 at 4:37 pm #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”&gt;
    <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&gt;
    <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&#8217; 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&#8217; /></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&#8217; /></a>

    </div>

    Roman
    Spectator
    Posts: 3147
    March 27, 2014 at 5:20 pm #9323

    the code you provided works for me