WordPress.org

Ready to get started?Download WordPress

Forums

Gallery to Slideshow
[resolved] Remove Thumbnails from Slideshow (11 posts)

  1. jacksonphot
    Member
    Posted 2 years ago #

    Is there a way to remove the thumbnails from the slideshow?

    http://wordpress.org/extend/plugins/gallery-to-slideshow/

  2. jacksonphot
    Member
    Posted 2 years ago #

    nevermind...found a workaround

  3. Matt
    Member
    Plugin Author

    Posted 2 years ago #

    Hi Jacksonphot,

    Glad to hear that. There's no option to change this at the moment, I'll possibly include a hook in future versions.

    Kind Regards!

  4. kapoosta
    Member
    Posted 2 years ago #

    Would love to see an option for replacing thumbnails with something like the flex-slider default control nav (dots). Love your plugin though, Matt!

  5. snupijenta
    Member
    Posted 2 years ago #

    Jacksonphot: what was hour workaround?

    I have the same issue, -wants to remove the thumnails....

    (mostly because they appear vertical in IE...:(....)

  6. dayjahone
    Member
    Posted 1 year ago #

    I'd like a workaround as well.

  7. Matt
    Member
    Plugin Author

    Posted 1 year ago #

    Hi Guys,

    Since it seems it's highly requested, I'll put something up for 1.4.4. Probably a hook to filter the JS parameters, so you can activate / deactivate thumbnails and the pager navigation from your theme's code.

    Kind Regards!

  8. Matt
    Member
    Plugin Author

    Posted 1 year ago #

    Hi Guys,

    Since 1.4.4 you can now hook into the mv_gallery_to_slideshow_js_params filter to modify all this Slideshow variables:

    $params = array(
     'thumbnails'        => true,
     'slideshow'         => true,
     'slideshowSpeed'    => 7000,
     'animationDuration' => 600,
     'mousewheel'        => false,
     'controlNav'        => false,
     'keyboardNav'       => false,
     'directionNav'      => false,
     'manualControls'    => '.pager li a img',
     'pausePlay'         => false,
     'prevText'          => __( "Previous", 'mv-gallery-to-slideshow' ),
     'nextText'          => __( "Next", 'mv-gallery-to-slideshow' ),
     'pauseText'         => __( "Pause", 'mv-gallery-to-slideshow' ),
     'randomize'         => false,
     'slideToStart'      => 0,
     'animationLoop'     => true,
     'pauseOnAction'     => true,
     'pauseOnHover'      => false,
     'controlsContainer' => '',
    );

    Kind Regards!

  9. sokurtz
    Member
    Posted 1 year ago #

    Hi Matt,
    I really like your plugin. Got it to work after replacing the jquery.flexslider-min.js file.
    Regarding your post above, where exactly is this mv_gallery_to_slideshow_js_params file within the WordPress environment? I'm looking at the gallery.to.slideshow.dev.js file and the code is different. I'm not seeing the array showing as above. Would really like to remove the thumbnails. Please specify the directory to look in, and the changes to make.

    Thanks very much!

  10. Matt
    Member
    Plugin Author

    Posted 1 year ago #

    Hi sokurtz,

    Thank you, mv_gallery_to_slideshow_js_params is a filter you can hook on. Here is a sample code: http://wordpress.org/support/topic/plugin-gallery-to-slideshow-stop-autoplay?replies=7

    Kind Regards!

  11. jdan
    Member
    Posted 1 year ago #

    Maybe this is a silly workaround, and not the cleanest way to remove the thumbnails and change them to blocks. In my theme's gallery-to-slideshow.css I edited the css for the pager and it works so that they display as little colored squares instead of images.

    .gallery-to-slideshow .pager {
    	display: inline;
    	width: 100%;
    	list-style: none;
    	overflow: hidden;
    }
    .gallery-to-slideshow .pager li {
    	display: inline-block;
    }
    .gallery-to-slideshow .pager li a {
    	background-color: #858585;
    	border: 1px solid #c8cdd3;
    	display: block;
    	height: 10px;
    	width: 10px;
    	margin-right: 2px;
    	overflow: hidden;
    }
    .gallery-to-slideshow .pager li a img {
    	display:none;
    }
    .gallery-to-slideshow .pager li.active a {
    	background-color: #009de0;
    }

    That being said, it's not a perfect solution because the page is still loading the image thumbnail, it's just then set to display:none.

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic