CSS Image Gallery Support Product Page

Under consideration

Caption to show on mouse over of main image

Shared 17 May 2012 11:59:27
5
like this idea
17 May 2012 11:59:27 Stewart Bell posted:
At the moment the caption box covers part of the image automatically then is hard to read at lower transparency.

Proposed solution; An option for the caption box to appear when the cursor is hovering over the main image.

Replies

Replied 10 Mar 2015 07:49:45
10 Mar 2015 07:49:45 sultan shah replied:
At the moment the caption box covers part of the image automatically then is hard to read at lower transparency.


Replied 25 Mar 2015 13:18:22
25 Mar 2015 13:18:22 Babblu Babblu replied:
Also try not to be jQuery 1.4 dependent in your projects it can save you troubles.= and there aren't that many new features but speed improvements.






_________________
FSL:
Replied 08 Aug 2015 15:42:48
08 Aug 2015 15:42:48 Kevin Robson replied:
When a caption is added it changes the code, but doesn't display on the page. The page is at:
38.112.61.125/Projects/Commercial/MountDoraWaterTreatment_inc.asp

The code for the first picture is:
<li>
<h3>test</h3>
<p>testing</p>
<img src="Images/Mount Dora Water Treatment Plant/001.jpg" width="800" height="600" class="image" alt="" /> </li>
Replied 22 Jun 2022 09:48:36
22 Jun 2022 09:48:36 Calvin Calvin replied:
DMX Updater checks for new product upgrades. You can choose to get updates and new product notifications.

Delete the updater if you don't want geometry dash
Replied 02 Aug 2022 03:40:03
02 Aug 2022 03:40:03 Hogan Garry replied:
The DMX Updater verifies whether there are any new product slope game updates available. You have the option to get updates as well as notifications about newly released products.
Replied 05 Dec 2022 02:28:48
05 Dec 2022 02:28:48 istana168 judi bola replied:
saya sangat tertarik dengan artikel ini, bagus sekali!
judi bola
bola88
sbobet
livescore bola
Replied 07 Dec 2022 03:25:01
07 Dec 2022 03:25:01 Run 3 replied:
In addition to the information shared here, I will introduce to you online trap the cat. This is a very good list of games that I have participated in, including full outstanding, most loved, and many popular games. another topic. Various games that I bet you will enjoy.
Replied 31 Jan 2023 10:41:46
31 Jan 2023 10:41:46 Ivanka Al Amreeki replied:
Replied 03 Feb 2023 10:25:27
Replied 10 Feb 2023 08:30:46
10 Feb 2023 08:30:46 Ines Santika replied:
ok. thankyou
Replied 15 Feb 2023 04:23:39
15 Feb 2023 04:23:39 User  replied:
The ye old vibes from when I watched Flappy Bird this when it first came out struck hard
Replied 04 Mar 2023 10:24:53
04 Mar 2023 10:24:53 Richard Branson replied:
To check your Sephora gift card balance, visit the Sephora website and click on the “Gift Cards” link. From there, you will be able to enter your gift card number and PIN to view your balance. You can also check your balance in store at any Sephora location by asking a store associate.


target gift card balance,
gamestop gift card balance,
nordstrom gift card balance,
gamestop gift card balance,
sephora gift card balance,
sephora gift card balance,
check target visa gift card balance,
check gamestop gift card balance,
gamestop gift card balance,
target gift card balance,
target gift card balance,
onevanilla gift card balance,
vanilla gift card balance,
vanilla gift card balance,
walmart gift card balance,
vanilla visa gift card balance,
vanilla gift card balance,
Replied 25 May 2023 05:26:59
25 May 2023 05:26:59 User  replied:
Universal boat covers are versatile protective covers designed to fit a wide range of boat types and sizes. These covers are specifically engineered to shield boats from various outdoor elements and extend their lifespan. Whether you own a fishing boat, a sailboat, a speedboat, or any other watercraft, a universal boat cover can offer invaluable protection. One of the primary advantages of universal boat covers is their ability to fit multiple boat models. They are designed with adjustable straps, buckles, and elastic cords that ensure a snug and secure fit, regardless of the boat's dimensions.
This versatility makes them a cost-effective option for boat owners who may have different boats or frequently upgrade their vessels. These covers are typically made from durable and weather-resistant materials, such as marine-grade polyester or canvas, which are resistant to UV rays, water, mold, and mildew. The fabric is often treated to provide additional protection against fading and deterioration caused by prolonged exposure to the sun and harsh weather conditions. Universal boat covers offer comprehensive coverage, safeguarding the entire boat from the bow to the stern. They feature reinforced seams, integrated vents, and elastic hems to prevent water from pooling and to allow air circulation, preventing moisture buildup and mold growth. Furthermore, these covers are easy to install and remove, providing convenience for boat owners. They can be folded compactly for storage and transportation when not in use. In summary, universal boat covers are practical investments for boat owners seeking reliable and versatile protection for their vessels. With their adaptable design, durable materials, and comprehensive coverage, these covers ensure that boats remain in optimal condition for years to come.




Replied 12 Jul 2023 13:30:18
12 Jul 2023 13:30:18 Albert Costello replied:
Scarlett Johansson Brown Jacket looked stunning in her brown jacket as she walked the red carpet. The jacket perfectly complemented her natural beauty and added a touch of sophistication to her overall look.
Replied 03 Aug 2023 12:45:33
03 Aug 2023 12:45:33 Albert Watson replied:
With this Fukouna Shoujo 03 Hoodie you can boost your fashion sense and make a cool impression no matter where you go.
Replied 09 Aug 2023 13:48:13
09 Aug 2023 13:48:13 Emily Johnson replied:
This Alice in Borderland Suguru Niragi Black Shirt is one of the great outwear for mens its outstanding printed design make it must have outwear to any fashion lover wardobe.
This reply was removed on 10/7/2023 5:29:29 AM.
See the changelog
Replied 28 Aug 2023 12:06:28
28 Aug 2023 12:06:28 chris pine replied:
Exploring the universe in style one Star Trek Picard Season 3 Leather Jacket on his next chapter of adventure and sophistication.

This reply was removed on 10/7/2023 5:29:11 AM.
See the changelog
Replied 26 Sep 2023 08:39:05
26 Sep 2023 08:39:05 Lucas Cargo replied:
At the moment the caption box covers part of the image automatically then is hard to read at lower transparency.

This reply was removed on 10/7/2023 5:28:51 AM.
See the changelog
Replied 28 Sep 2023 10:27:31
28 Sep 2023 10:27:31 Andreyana Michael replied:
Thanks for answering.
Replied 02 Dec 2023 03:53:39
02 Dec 2023 03:53:39 Antonio Michael replied:
That's a really insightful suggestion, Stewart! Having the caption box appear only when the cursor hovers over the main image could indeed enhance the user experience significantly. It addresses the issue of the caption obstructing part of the image while maintaining the functionality of providing additional information.

To implement this, a simple CSS hover effect can be used. For instance, the caption box can be initially set to display: none; and then change to display: block; (or visibility: visible when the user hovers over the image. This way, the caption box only appears when needed, keeping the image view unobstructed until interaction is required. Here's a basic example of how this can be achieved:


css
Copy code
.image-container {
  position: relative;
}

.caption {
  position: absolute;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5); /* Adjust transparency as needed */
  color: white;
  width: 100%;
  text-align: center;
  display: none;
}

.image-container:hover .caption {
  display: block;
}


In this CSS, .image-container is the wrapper for your image, and .caption is the class for your caption box. Adjust the styles to fit the design of your site. This approach should make the caption more user-friendly while preserving its visibility and readability.

Reply to this topic