Skip to content
View in the app

A better way to browse. Learn more.

Web Designer Forum

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

Css Gallery

Featured Replies

Hey does anyone know of an existing simple css gallery?

I found one that kinda works but the thumbnails that display don't resize the full images or let you use small thumbnails insteads the "thumbnails" display a 50px by 50px thumbnail of the center of the images.

 

for example:

 

http://www.sonic.net/~eighth08/RSC/clothing.html

 

I am making this site for a friend so I can add to my portfolio and he wants full thumbnails of the pictures instead of how it displays in that link.

 

 

gallery does not have to be similar to the one in the example link.. I am just looking for any easy/creative way to display images in a gallery form.

the thumbnails that display don't resize the full images

 

That's because CSS isn't the best way to resize an image. That's what PHP is for. ;)

 

Having said that though, try http://www.cssplay.co.uk/ That's the best place I can think of for your CSS needs.

  • Author

thanks for the info.

and ya know what I should have searched first because right after I posted this I noticed the relevant threads that already exist.

  • Author

Sweet site. But I meant for more of a "picture" gallery ;)

also i like your current layout for your site pixeldeath.com pretty cool so far.

  • Author

Actually have a quick question here.

 

How can I make the displayed image on this page scroll down with the content when you scroll the down in the DIV?

 

http://rastasurfcult.com/clothing.html

 

to clarify, if you goto that link and your screen isn't a 24" you probably have to scroll down in the div to see all the thumbnails. but problem is when you scroll down in the div the "main" displayed image goes up top and you can't see it.. and less advanced users might not realize that.. so I am hoping there is a trick to make the image always follow the page as you scroll down so its always in view.

 

 

any suggestions here?

thanks guys!(and girls!)

  • Author

ahh ya. I'm worried about that So I think I will just find a different gallery system.. what is the gallery called where you click the thumbnail and the whole site dims and the picture pops up in front of the page?

  • Author

thanks once again!

Create an account or sign in to comment

Account

Navigation

Search

Search

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.