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.

image viewer

Featured Replies

Hi there,

 

I would like to make a picture viewer on my website, very simple where there are some small thumbnails on the bottom on the screen and when you press one of the picture thumbnails, you get an enlarged version of that picture.

 

I've attacted a JPG with an illustration of what I imagined.

 

Can someone tell me how to make that? :)

 

Regards, Nicklas!

 

Something like the picture below is what I imagined!

post-5459-1214827229_thumb.jpg

Hello

 

You could do it with Flash. Do you have Flash? Whats the size (in pixels) of width/height of the picture viewer?

 

Rob

Hello

 

The attachment has a way of creating the slide show, double click the clickSlide.swf to see it in action. Its fine if you dont have flash, just change the links to the pictures/thumbnails in the pictures.xml. The pname= refers to the big photo and the tname= refers to the thumbnail - change the bit between the quotation marks. The xml is in this form:

 

<photo pname="pics/pic1.jpg" tname="pics/thumb1.jpg" />

 

To add a jpg called smithy.jpg thats in a folder called picts + a thumbnail jpg called smithysmall.jpg in the same folder :

 

<photo pname="picts/smithy.jpg" tname="picts/smithysmall.jpg" />

 

The clickSlide.swf must be in the same directory/folder as pictures.xml + the pics folder of pictures. If you keep the same folder structure as the attachment, you wont go wrong.

 

The maximum size of photo is 560x280 pixels - you can use any size photo upto this size, it will be centred in position and a black border will be added behind it.

 

The thumbnails look best at 100x60 pixels - but you could have them slightly bigger.

 

You must have the same amount of photos/thumbnails and you must have at least 4 of each.

 

Let us know if you have any questions.

 

Rob

clickSlide.zip

Roberto is correct. This can be achieved quite easily using Flash. You can see from his example how it is done. If you'd like a ready made script which you could download and use, you can find a good one here.

  • Author

Hey guys, sorry for the late reply, been working alot, I'll take a look at your idears :) thx chaps.

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.