Welcome our webmaster and SEO forum
Please enjoy the forum, contribute what you can, and wind up the Moderators!
Results 1 to 8 of 8

Thread: Picture size according to screen/resolution

  1. #1
    lala is offline Senior Member
    Join Date
    Feb 2007
    Posts
    145

    Default Picture size according to screen/resolution

    I would like to make sure all the pictures on one webpage show without the need to scroll down. They should be as big as the size permits. Also, I would like to keep this site as simple as possible and not create different versions for different user agents etc...

    Is it possible to use the same page for any user agent/screen size/resolution, but to let the pictures adjust to each situation? If so, please let me know. That would be marvellous.

    lala

  2. #2
    temi's Avatar
    temi is offline Facilitator
    Join Date
    Jun 2003
    Location
    London, England.
    Posts
    10,303

    Default

    Lala, I would actually argue that if the entire contents of the index page can fit onto the screen without the need to scroll is even better, I can quite remember the percentage off hand but most people do not scroll at all and those who do scroll will prefer they do not have to scroll to view info on a page.

    * Comprehensive UK Web Directory List . eCommerce software UK
    * BossCart.com can build you a.
    Register your domain names at Velnet
    ::
    Add Eco sites to The Green Directory free of charge.
    Use LBS Free PHP Directory Script . Web Hosting Blog

  3. #3
    melkior_inactive Guest

    Default

    I think what you're asking for can be achieved using PHP.
    Theoratically let's say you're using the database to feed the script with images.
    So images are in one table. They are already small (thumbnails).
    You would proceed to create a script which aligns them in a HTML table, each image in its own cell.
    You do this with an SQL query with a while loop to create the table.
    You also need an SQL query to get the number of images. So you can dynamically adjust the number of cells in a row and you can dynamically adjust the image size with the width and height atributes of the img tag.
    You'll need an accurate calculation for the resize percentage based on the number of images but it can work.

  4. #4
    lala is offline Senior Member
    Join Date
    Feb 2007
    Posts
    145

    Default

    Thanks for the input.

    On this particular page are just images and we would love to achieve the same thing using HTML and CSS only (obviously only if possible;-)). That would be marvellous. If anyone has an idea, please let me know.

    lala

  5. #5
    melkior_inactive Guest

    Default

    Well, you don't really need to put them in a table. I was using the table as an example. You can use CSS, the basic idea is still the same.

  6. #6
    OldWelshGuy's Avatar
    OldWelshGuy is offline Super Moderator
    Join Date
    Oct 2004
    Posts
    1,998

    Default

    Why not just use browser detection and resize the whole site?

  7. #7
    Join Date
    Feb 2007
    Posts
    122

    Default

    You can also use CSS/HTML to stretch and shrink your image. I believe that you just need to use the width attribute, but there might need to be a position: declaration as well, I'm not sure.

  8. #8
    lala is offline Senior Member
    Join Date
    Feb 2007
    Posts
    145

    Default

    On this particular project we cannot use PHP (not included in the hosting package of my friend). Browser detection would mean to have different versions of the site, which we would like to avoid.

    I have to admit, I might be in wonderland with my aspirations there....

    lala

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Similar Threads

  1. What's your screen resolution?
    By Richie in forum General Webmaster Talk
    Replies: 1
    Last Post: 06-01-2007, 12:36 PM
  2. Your favourite Internet Picture
    By gkd_uk in forum General Webmaster Talk
    Replies: 2
    Last Post: 05-26-2007, 09:34 AM
  3. Similar Font Size For Best AdSense Results?
    By ealex in forum General Search Engine Discussions
    Replies: 0
    Last Post: 11-03-2005, 04:24 PM
  4. Picture
    By temi in forum iG Shop Payment gateway issues
    Replies: 0
    Last Post: 04-08-2005, 03:29 PM
  5. Screen Resolution - Have you checked your stats?
    By Paul_KY in forum General Webmaster Talk
    Replies: 15
    Last Post: 09-25-2004, 04:00 PM

Bookmarks

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
  •  

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124