CSS Image Gallery Support Product Page

How to remove thumbs?

Asked 02 Sep 2010 11:02:39
1
has this question
02 Sep 2010 11:02:39 Col Treanor posted:
Hi there
I really like the CSS Image Gallery, but I was wondering if there was an option to simply switch off the thumbnails?

I would quite like a scrolling large image without the smaller ones for a cleaner, simpler page.


Many thanks in advance
Kind regards
Colin

Replies

Replied 02 Sep 2010 11:41:26
02 Sep 2010 11:41:26 Miroslav Zografski replied:
Hello Col,

There is no option to switch the tumbs off ... however there is option to hide them ... You need to set the thumbs to be inside the main image and they will stay hidden till mouse is out of the gallery.

The other option is to set the element containing the thumbs with css visibility to hidden or display to none ... but that is not advisable.

Regards,
Replied 07 Jan 2011 21:04:32
07 Jan 2011 21:04:32 JB Willers replied:
Look for the following code:
thumbWidth: 100,
thumbHeight: 100,

[100 in this case refers to the size of my gallery's dimensions]

Change to:
thumbWidth: 0,
thumbHeight: 0,

In theory the thumbs are still there but not visible anymore.
Replied 10 Jan 2011 11:16:38
10 Jan 2011 11:16:38 Teodor Kuduschiev replied:
Hello

In the dmxgallery.css add

display: none;

to the .dmxThumblist in order to hide the thumbs.
After that the space reserved for the thumbnails will still be there, so to remove this blank space - in the gallery settings set the width and height of the thumbnails to 0.
Replied 30 Jun 2023 08:05:47
30 Jun 2023 08:05:47 Xide Yix replied:
This Pokemon Infinite Fusion game allows players to explore a vast world filled with various creatures and trainers. Each trainer has their own set of Pokemon, making it challenging and exciting to battle them.

Reply to this topic