data link, Image link

[sarah.t...@toocoomedia.com]

I have been trying to use the data link attribute but nothing is working and I've looked over other posts to see if there is something I'm missing. Here is my code: (i've moved the data link attribute before and after the src="")

 

        <div class="camera_wrap">

        <div data-link="http://www.google.ca" data-src="images/slider.jpg">

        

    </div>

    <div data-src="images/slider.jpg"></div>

    <div data-src="images/slider.jpg"></div>

</div>

        

[Geoff]

  Is the site live?  If so, can you post a link.  I ask because stand-alone, that code should work (assuming a valid id and images, etc) which suggests something else might be interfering.

  Geoff

[Sarah Trafford]

Yes it is, here is the link:

http://www.sarahtrafford.com/epochTimesV2/

--
Hai ricevuto questo messaggio perché sei iscritto al gruppo "Camera slideshow" di Google Gruppi.
Per annullare l'iscrizione a questo argomento, visita https://groups.google.com/d/topic/camera-slideshow/5QwuBbv6wz4/unsubscribe.
Per annullare l'iscrizione a questo gruppo e a tutti i suoi argomenti, invia un'email a camera-slidesh...@googlegroups.com.
Per ulteriori opzioni, visita https://groups.google.com/groups/opt_out.

--

Sarah Trafford

Front End Developer & Designer

 

M: 416.525.9683  | T: 647.558.4704  |  Web: toocoomedia.com

 

219 Dufferin Street, Suite 310B, 

Toronto, Ontario, M6K 1Y9

[Geoff]

Your current Camera setup looks like this:

<section id="slider">

<!-- <img src="images/slider.jpg" width="623" height="309" alt="slider">-->

    <div class="fluid_container">

   

<div class="camera_wrap camera_azure_skin" id="camera_wrap_1">

        <div data-thumb="camera/images/slides/thumbs/bridge.jpg" data-src="camera/images/slides/bridge.jpg">

            <div class="camera_caption fadeFromBottom">

                     2014????????? ??Dune?? 

                </div>

            </div>

            

<div data-thumb="camera/images/slides/thumbs/leaf.jpg" data-src="camera/images/slides/leaf.jpg">

                <div class="camera_caption fadeFromBottom">

                     2014????????? ??Dune?? 

                </div>

            </div>

            

<div data-thumb="camera/images/slides/thumbs/road.jpg" data-src="camera/images/slides/road.jpg">

                <div class="camera_caption fadeFromBottom">

                     2014????????? ??Dune?? 

                </div>

            </div>

           

        </div>

        

<div class="slider-tab">

          <!--<img src="images/slider-tab.jpg" width="88" height="27" alt="tab">--> <p>????</p></div>

        </div><!-- #camera_wrap_1 -->

        

        

        <div class="camera_wrap">

        <div data-link="http://www.google.ca" data-src="images/slider.jpg"></div>

    <div data-src="images/slider.jpg"></div>

    <div data-src="images/slider.jpg"></div>

</div>

</section><!--end slider-->

The reason it is not working, is that the data-link is not being assigned to an actual image slide within Camera.  I don't know if you mean to include a second Camera slider, or incorporate it into the bridge, leaf, road slider.  If you mean to incorporate it, you need to remove these lines completely:

        <div class="camera_wrap">

        <div data-link="http://www.google.ca" data-src="images/slider.jpg"></div>

    <div data-src="images/slider.jpg"></div>

    <div data-src="images/slider.jpg"></div>

</div>

Because on their own, they are doing nothing; and include the data-link in one of the original image DIVs:

        <div data-thumb="camera/images/slides/thumbs/bridge.jpg" data-src="camera/images/slides/bridge.jpg" data-link="http://www.google.com/" data-target="_blank">

      <div class="camera_caption fadeFromBottom">

           2014????????? ??Dune?? 

            </div>

        </div>

        

If you meant to have a second slider on the page, you missed the id in the second call ( id="camera_wrap_2" for instance ) and only assigned a class.

  Geoff

[Sarah Trafford]

oh wow!! I don't know why I had those extra three lines in there, thanks so much for clearing that up! :)

[Geoff]

  anytime...

  Geoff

[in...@lausihombing.net]

Hi..

Need your help, because the data-link on my site is also not working

the web address is http://officepedia.co.id

here is the generated script

<div title="Post It Promo" data-thumb="http://officepedia.co.id/image/cache/catalog/Promo May-01-1150x162.jpg" onclick="window.location='http://google.com';" data-link="http://google.com" data-target="_blank" data-src="http://officepedia.co.id/image/cache/catalog/Promo May-01-1150x162.jpg">

</div>

Thanks..