Results 1 to 2 of 2

Thread: Thumbnail default size

  1. #1
    Join Date
    Nov 2011
    Location
    Cider Region
    Posts
    978
    Thanks
    121
    Thanked 3 Times in 3 Posts

    Default Thumbnail default size

    Afternoon all.
    I am making another site but stuck on an issue & looking for some advice please.

    Here is the page in question http://www.theatticbanwell.co.uk/index.html
    On the right we have thumbnails of which when selected loads the larger sized image.

    I would like please some help with making the thumbnails a default size of 360x225
    I would also like to restrict the larger size to a default of 1200x800

    What i am finding is that i am having to resize each image for when i save them in the thumbs folder because it pushes other images out of sync etc otherwsie.
    I would like to just put then photo in the thumbs folder but when shown on the site it would only be a thumb of 360x225.
    Please could you assist.


    Have a great new year.

  2. #2
    Join Date
    Sep 2004
    Location
    Little Falls, Roodepoort, South Africa
    Posts
    414
    Thanks
    4
    Thanked 1 Time in 1 Post

    Default

    Hi

    I find the best way is to do it in my css file

    Try this in your css file

    Code:
    .thumb{border-radius:10px;border:2px solid #748178;float:left;width:360px;height:225px;padding:2px;box-shadow:0px 40px 15px -25px rgba(0, 0, 0,.25);margin: 10px 10px 10px 10px;}
    .thumb:hover{border-radius:10px;border:2px solid #FF0000;float:left;width:360px;height:225px;padding:2px;box-shadow:0px 40px 15px -25px rgba(0, 0, 0,.25);margin: 10px 10px 10px 10px;}
    HTML:
    Code:
    <div><img class="thumb" src="img/1.jpg" alt="" ></div>
    <div><img class="thumb" src="img/2.jpg" alt="" ></div>
    <div><img class="thumb" src="img/3.jpg" alt="" ></div>
    <div><img class="thumb" src="img/4.jpg" alt="" ></div>
    <div><img class="thumb" src="img/5.jpg" alt="" ></div>
    <div><img class="thumb" src="img/6.jpg" alt="" ></div>
    If you look on a website i did http://www.silvertreeestates.co.za/#stelisting abd scroll down a little you will see the featured has a smaller imag then further down on the actual listing etc.

    and the above is how I do that...

    rgds,Simon

    p.s I'm sure there are other ways to do it.... this is my way, use it or loose it up to you guys....
    Very Best Rgds, Simonf :cool:
    __________________________________
    My Site | E-Mail Me

Similar Threads

  1. Resolved PHP Photo Album v2.11 - Thumbnail Size
    By wyllomoon in forum Dynamic Drive scripts help
    Replies: 2
    Last Post: 07-24-2012, 08:37 PM
  2. FrogJS - Thumbnail size
    By Annyella in forum Dynamic Drive scripts help
    Replies: 2
    Last Post: 02-08-2008, 10:39 AM
  3. Fit-to-frame-size Thumbnail Script needed
    By nodeal in forum Looking for such a script or service
    Replies: 0
    Last Post: 11-19-2007, 04:00 AM
  4. Thumbnail image size
    By 1StopSurplus in forum Graphics
    Replies: 2
    Last Post: 05-05-2006, 10:24 PM
  5. Full Size Pic of Carousel Thumbnail On Same Page Help
    By Markxxx in forum Dynamic Drive scripts help
    Replies: 6
    Last Post: 02-22-2006, 12:08 AM

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
  •