Discussions

Expand all | Collapse all

Display larger image when hoving over text or thumbnail

  • 1.  Display larger image when hoving over text or thumbnail

    Posted 08-23-2020 17:47
    I've been researching how to create a "hover" feature such that when mousing over text or an image thumnail a pop-up appears with a larger  version of the image.  The following demonstrates the general idea with CSS and HTML.

    Can this be achieved in QB by combining the CSS and HTML into a Rich Text Field or is a Code Page in combination with a Rich Text Field required?  General direction, community references or examples are greatly appreciated.

    Dynamic Drive CSS Library- CSS Image Gallery
    Dynamicdrive remove preview
    Dynamic Drive CSS Library- CSS Image Gallery
    This is a purely CSS based image gallery that displays larger versions of thumbnail images dynamically when the mouse hovers over them. A rich HTML caption can be added to the enlarged image, and every aspect of the Image Gallery exists as plain HTML on the page.
    View this on Dynamicdrive >
    http://www.dynamicdrive.com/style/csslibrary/item/css-image-gallery/

    Other Discovered References:
    https://community.quickbase.com/communities/community-home/digestviewer/viewthread?MessageKey=1fe51ded-8df4-4469-9617-e5ed8530d97b&CommunityKey=d860b0f8-6a48-487b-b346-44c47a19a804&tab=digestviewer




    ------------------------------
    Paul Agnew
    ------------------------------


  • 2.  RE: Display larger image when hoving over text or thumbnail

    Posted 08-26-2020 09:35
    Thanks so much for all your suggestions!

    ------------------------------
    Paul Agnew
    IT Manager
    Peak Properties
    CA
    9494070409
    ------------------------------