Skip to content
  • Recent
  • Tags
  • Popular
  • Users
  • Search
Skins
  • Light
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dark
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • Default (No Skin)
  • No Skin
Collapse

Lay Theme Forum

  1. Home
  2. General Discussion
  3. change mouseover image src in project index

change mouseover image src in project index

Scheduled Pinned Locked Moved General Discussion
6 Posts 3 Posters 161 Views
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • T Offline
    T Offline
    TYLM
    wrote on last edited by
    #1

    Hey guys!

    I was wondering if there was a way to display the “thumbnail mouseover image” instead of the “regular thumbnail image” in the project index, when hovering on a project.

    For now, I managed to do it by changing the source of the “data-hoverimageid” attribute for each project using Jquery, but it's not the most practical method…

    Also, if there is no solution except this one, I was wondering if there was an easy way to find the “data-hoverimageid” for each image – it would really help me to put everything in place faster.

    Thanks for your help and your work!

    Cheers :)

    1 Reply Last reply
    0
    • arminunruhA Offline
      arminunruhA Offline
      arminunruh
      Global Moderator
      wrote on last edited by
      #2

      hey why would you want to do it this way?
      im not sure if many people would use this feature mh

      Also, if there is no solution except this one, I was wondering if there was an easy way to find the “data-hoverimageid” for each image – it would really help me to put everything in place faster.

      oh no i'm not sure! maybe if ure in the media library and click on one image and in the url path theres a number. maybe thats the id!

      Screenshot 2023-09-23 at 15.27.22.png

      1 Reply Last reply
      0
      • T Offline
        T Offline
        TYLM
        wrote on last edited by
        #3

        I just wanted to have different hover images for my projects in my Thumbnails Grid and my Project Index. I understand it is a very specific case scenario, so I figured out how to achieve that “manually” ;)

        Thanks!

        shmooS 1 Reply Last reply
        1
        • T TYLM

          I just wanted to have different hover images for my projects in my Thumbnails Grid and my Project Index. I understand it is a very specific case scenario, so I figured out how to achieve that “manually” ;)

          Thanks!

          shmooS Offline
          shmooS Offline
          shmoo
          wrote on last edited by
          #4

          @TYLM Can I ask how you managed it yourself?

          1 Reply Last reply
          0
          • arminunruhA Offline
            arminunruhA Offline
            arminunruh
            Global Moderator
            wrote on last edited by
            #5

            probably javascript!

            1 Reply Last reply
            0
            • T Offline
              T Offline
              TYLM
              wrote on last edited by
              #6

              Yep, I used javascript but abandoned the idea since. So I would not be able to tell you how I did in details now… But basically I used Thumbnails Grid both for the grid AND for the Index and coded the style and modified the images sources using javascript!

              1 Reply Last reply
              0
              Reply
              • Reply as topic
              Log in to reply
              • Oldest to Newest
              • Newest to Oldest
              • Most Votes


              I also code custom websites or custom Lay features.
              💿 Email me here: 💿
              info@laytheme.com

              Before you post:
              1. When using a WordPress Cache plugin, disable it or clear your cache.
              2. Update Lay Theme and all Lay Theme Addons
              3. Disable all Plugins
              4. Go to Lay Options → Custom CSS & HTML, click "Turn Off All Custom Code", click "Save Changes"

              This often solves issues you might run into

              When you post:
              1. Post a link to where the problem is
              2. Does the problem happen on Chrome, Firefox, Safari or iPhone or Android?
              3. If the problem is difficult to explain, post screenshots / link to a video to explain it
              Online Users
              C
              craigfeldspar
              Forgot your key, lost your files, need a previous Lay Theme or Addon version? Go to www.laykeymanager.com
              laytheme.com
              • Login

              • Don't have an account? Register

              • Login or register to search.
              • First post
                Last post
              0
              • Recent
              • Tags
              • Popular
              • Users
              • Search