Limited availability during the holidays

Another busy year is coming to its end, and an exciting year lies ahead. In order to get ready for a fresh new start, our team will spend a few days' rest during the winter holidays. Over the holiday break, we will have reduced staffing from December 20th, 2024, to January 5th, 2025, so please be patient if you do not receive a response as quickly as you normally would.

We send our warmest wishes for happiness, health, and success throughout the coming year. Thank you for your continued support, and may you have a peaceful and blessed Happy Holidays!

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.