Viewing Get rid of thumbnails at bottom of slideshow?

Get rid of thumbnails at bottom of slideshow?



User: Josef S. 6 years ago
Can I remove (turn off) the roll-over thumbnails that appear at the bottom of a slideshow?

Also, is it possible to be able to simply click on an image that I've place in the browser window and have it open in a pop-up window by itself without having to create an entire page just for that one image and then hyperlink to it? Similar to the way a slideshow opens, but for only one image.

Last edit 6 years ago
User: Roddy 6 years ago
There's a checkbox in the widget settings for show/hide thumbnails. It's better to use a slider that is specific to your needs. Here are some examples...

Random Image with Full Screen option

Lazy Loading for faster page download time

Ken Burns effect

The Image Lightbox and Zoom section has various ways to open a single image in a lightbox or zoom it.

Alternatively, you can text wrap a thumbnail which opens a single image or a slideshow with THIS widget.

-------------------------------
Roddy

Website: http://everwebwidgets.com
Contact: http://everwebwidgets.com/ewWidgets-home/contact.html
NOTE: I am an EverWeb user and NOT affiliated with EverWeb! Any opinions expressed in this forum are my own.
User: Josef S. 6 years ago
Roddy -- There is no checkbox in the Image Gallery widget settings for show/hide thumbnails. Thanks for trying to direct me to paid widgets, but I'd rather solve the question from within EverWeb.

Anyone else know if there's a way to turn the thumbnails off or pop-up a single image?
User: Roddy 6 years ago
Quote:
Can I remove (turn off) the roll-over thumbnails that appear at the bottom of a slideshow?

You mentioned slideshow - not gallery - so I assummed you were referring to the Image Slider widget..

To remove the thumbnails that show on hover in the EverWeb Image Gallery, paste this code into the Head Code box in the Page inspector...

<style>
.pp_gallery{display: none !important}
</style>

-------------------------------
Roddy

Website: http://everwebwidgets.com
Contact: http://everwebwidgets.com/ewWidgets-home/contact.html
NOTE: I am an EverWeb user and NOT affiliated with EverWeb! Any opinions expressed in this forum are my own.
✔ Best Answer  
User: Josef S. 6 years ago
Roddy -- Yay! Code worked like a charm. Thanks. Now I can basically jury rig an Image Gallery to be a single pop-up. Albeit, the left/right arrows still show up, but that's of little consequence really... unless you've got some code to zap that as well?
User: Roddy 6 years ago
The quick and dirty way would be to remove the controls by replacing the code you pasted into the Head Code box with this ...

<style>
.pp_gallery{display:none !important}
.pp_details{display:none}
</style>

Then you have no close button which is really not relevant since most modern lighboxes are closed by tapping the overlay rather than a small button for the benfit of visitors using touch devices.

You are left with a blank white area below the image which should really be removed or, better still, have a caption in it if you want the search engines to know that you actually have an image on the page.

To do all this is like reinventing the wheel and it doesn't make any sense to load a large script like prettyPhoto for simply opening a single image. That's like using a 7 pound hammer to insert a thumb tack.

You can achieve a far better result using a widget like THIS which has better efficiency and will play well with the search engine spiders.

-------------------------------
Roddy

Website: http://everwebwidgets.com
Contact: http://everwebwidgets.com/ewWidgets-home/contact.html
NOTE: I am an EverWeb user and NOT affiliated with EverWeb! Any opinions expressed in this forum are my own.
User: Roddy 6 years ago
For the benefit of anyone else who needs to get rid of any items in the control bar, here's the code...

<style>
/* remove close button */
div.pp_default .pp_close {display:none}
/* remove thumbs on hover */
div.pp_default .pp_gallery ul li a {
display:none}
/* remove play/pause button */
div.pp_default .pp_nav .pp_play, div.pp_default .pp_nav .pp_pause{display:none}
/* remove arrows */
div.pp_default a.pp_arrow_previous, div.pp_default a.pp_arrow_next {
display:none}
/* remove current slide number */
div.pp_default .pp_nav .currentTextHolder {display:none}
/* remove facebook */
.pp_social .facebook {display:none}
/* remove twitter */
.pp_social .twitter {display:none}
</style>

Delete any you dont need - including the comments - or change the value for display from none to block.

-------------------------------
Roddy

Website: http://everwebwidgets.com
Contact: http://everwebwidgets.com/ewWidgets-home/contact.html
NOTE: I am an EverWeb user and NOT affiliated with EverWeb! Any opinions expressed in this forum are my own.
User: Josef S. 6 years ago
Roddy -- Great info! Thanks a ton!


Post Reply
You must login or signup to post.