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. Text titles with thumbnail rollover

Text titles with thumbnail rollover

Scheduled Pinned Locked Moved General Discussion
rollovertextthumbnail
10 Posts 6 Posters 1.7k 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.
  • M Offline
    M Offline
    mike
    wrote on Nov 28, 2016, 3:36 PM last edited by
    #1

    Hi Armin

    Hope all is well with you.

    I wondered if it is possible to flip the conventional layout of a page of project thumbnails. Instead of a series of images with a rollover state that shows the project title...is it possible to have a series of text project titles with a rollover state to show the project thumbnail!?

    Thanks

    Mike

    1 Reply Last reply
    0
    • A Offline
      A Offline
      arminunruh
      Global Moderator
      wrote on Nov 30, 2016, 10:00 AM last edited by
      #2

      Hey mike, not easily possible. :/

      1 Reply Last reply
      0
      • G Offline
        G Offline
        gjb
        wrote on Oct 30, 2017, 6:00 PM last edited by gjb Oct 30, 2017, 2:01 PM
        #3

        Would love to do that as well! Has the situation changed in the last updates, Armin?
        Thank you!

        1 Reply Last reply
        0
        • M Offline
          M Offline
          mariusjopen
          Global Moderator
          wrote on Nov 1, 2017, 3:10 PM last edited by
          #4

          Hi @gjb
          still not possible yet.

          All the best!

          Marius

          www.mariusjopen.world

          1 Reply Last reply
          0
          • T Offline
            T Offline
            Toska
            wrote on Nov 23, 2017, 1:48 PM last edited by
            #5

            I would be very interested by this feature!
            Will it be possible in one of your next updates? Thanks.

            1 Reply Last reply
            0
            • P Offline
              P Offline
              pitscher
              wrote on Nov 24, 2017, 9:37 PM last edited by
              #6

              I found a solution, but it is not very elegant:

              Add "Activate mouseover image for thumbnails" in the "lay options". Upload a transparent .png file and use it as the thumbnail. For the mouseoverstate choose the image you actually want users to see.

              Problem with this is that the transparent .png needs to be the same dimensions then the mouseover picture to fully portray it. Also it appears when you are anywhere inside the container not just over the text.

              Armin, how do I address the specific thumbnail image over JavaScript?
              My idea was to display:none; the thumbnail image and write a function to show it somewhere random in the viewport.

              1 Reply Last reply
              1
              • M Offline
                M Offline
                mariusjopen
                Global Moderator
                wrote on Nov 26, 2017, 1:02 PM last edited by
                #7

                Hi @pitscher
                yes. This is a workaround.

                When you look here you can see that each thumbnail has the ID in the link:
                0_1511701340977_Bildschirmfoto 2017-11-26 um 14.01.18.png

                You can use this to address the image.

                All the best!

                Marius

                www.mariusjopen.world

                1 Reply Last reply
                0
                • T Offline
                  T Offline
                  Toska
                  wrote on Jan 19, 2018, 1:49 AM last edited by Toska Jan 18, 2018, 8:49 PM
                  #8

                  Quick bump in case anyone could help.

                  Looking to achieve something similar to this : https://garret.fi/

                  @mariusjopen @arminunruh Are you considering to implement this sort of feature in the near future?

                  1 Reply Last reply
                  0
                  • M Offline
                    mariusjopenM Offline
                    mariusjopen
                    Global Moderator
                    wrote on Jan 22, 2018, 10:37 AM last edited by
                    #9

                    HI @Toska
                    yes. This would be a great implemented feature. We have it already written down for the future.

                    Thank you for proposing that.

                    All the best!

                    Marius

                    www.mariusjopen.world

                    ToskaT 1 Reply Last reply Jan 22, 2018, 11:06 AM
                    1
                    • mariusjopenM mariusjopen
                      Jan 22, 2018, 10:37 AM

                      HI @Toska
                      yes. This would be a great implemented feature. We have it already written down for the future.

                      Thank you for proposing that.

                      All the best!

                      Marius

                      ToskaT Offline
                      ToskaT Offline
                      Toska
                      wrote on Jan 22, 2018, 11:06 AM last edited by
                      #10

                      @mariusjopen Awesome! Great news, really ;-) Thanks!

                      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
                      O
                      okitswinter
                      3 minutes ago
                      A
                      alasdair17
                      26 minutes ago
                      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