Okay
  Public Ticket #1193634
Use Thumbnail Hover Image
Closed

Comments

  • clevernameseo started the conversation

    I figured it out. The documentation uses the code above, however the correct function is for #layerslider not #slider. Thank you!

  • clevernameseo replied

    Instead of a separate question here is what I've done:


    I have effectively added my thumbnails to use OUTSIDE of the slider and have tried using the code in the documentation: 


    <div onclick="$('#slider').layerSlider(2);">
        Some content
    </div>

    <a href="javascript:void(0);" onclick="$('#slider').layerSlider(2);">
                         Some text
                     </a>


    Neither of these methods seem to be working for me. Am I missing something?

    http://spyr.rankubator.com/test/

  • clevernameseo replied

    I would just use the thumbnail option but I need three different logo images that have their own unique hover image, can this be done?


  • [deleted] replied

    Hey clevernameseo,

    I have checked your site but the solution you have applied is working currently as I can see. Have you managed to solve the problem in the meantime ?

    In any case, you can change the active/inactive element's opacity to create the effect you're looking for. This is different from what you've done, but you can achieve a similiar look out of the box this way.

    For further troubleshooting, a common problem could be that, instead of the dollar sign ($), the "jQuery" keyword should be used. A wrong selector could also be a problem, the slider's ID attribute should be used in the #slider #layerslider sections.

  • clevernameseo replied

    I did figure it out after digging deeper into the documentation, I was using this one as well: http://www.docs.purethemes.net/sukces/layerslider/documentation/documentation.html

    Thank you.

     

  • [deleted] replied

    Thank you for the feedback, glad you could solve the problem. If you need further assistance please let us know.