SitePoint Sponsor

User Tag List

Results 1 to 3 of 3
  1. #1
    SitePoint Addict
    Join Date
    Jan 2009
    Posts
    368
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Wordpress slideshow with thumbnails

    Hi all

    I have a simple demo here to illustrate my problem.

    http://www.ttmt.org.uk/wordpress/

    It's a slideshow of images that is using the cycle plugin - http://jquery.malsup.com/cycle/

    The images are added directly to the content of the page and the div containing the content is passed to the cycle function.

    My problem is I would like to have thumbnails of the images underneath.

    I have seen a few wordpress plugins that do this but they ALL need the images to be the same dimensions for it to work.

    My images have the same height but the width are different.

    Is there a plugin thats can do this with images that are different widths.

    If not can anyone recommend how I might do this.

    I really hope this is at least possible - it seems so simple but i can't find a solution anywhere.



    t.

  2. #2
    SitePoint Guru bronze trophy Slackr's Avatar
    Join Date
    Jan 2009
    Location
    New Zealand
    Posts
    679
    Mentioned
    7 Post(s)
    Tagged
    0 Thread(s)
    Not all sliders require images to be the same dimensions BUT if you don't provide dimensions your photos will be cropped or scaled. Many sliders use the TimThumb function to scale images to fit a slider size. Layout is usually achieved by having a consistent dimension for the thumbnail.

    You could find one that allows you to set a custom thumbnail size or you could try and specify a thumbnail image where by you use the page's background colour to make the thumbnails appear irregularly sized. My guess is that you are going to have to compromise somewhere as most thumbnails are auto generated off of the original. Typically they have set dimensions. If your images have a set height then the widths will change, however typically the images are scaled to the longest side. If the image is wider than it is tall the whole thing will get scaled down leading to uneven thumbnail heights. The other option is to set the thumbnail to fill the space but that could lead to cropping on the thumbnail.

    My advice would be to set it all manually if it matters that much to you. Create a set of dimensions you are happy with and make your images fit. Create some guides if you want a consistent height or width, because it is on the master template they will all remain uniform regardless of the slider or any scripts used to change the dimensions online.

  3. #3
    SitePoint Member
    Join Date
    Apr 2012
    Location
    Liverpool
    Posts
    9
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Would it not be easier to use a pre coded J-Qery slider that Wordpress offers. Sure there are plenty of them out there if you google it!


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •