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.

Gallery solutions?

Featured Replies

Hey guys,

 

I am developing a website for a professional photo retoucher, and need some advice on possible solutions for the 'before and after' gallery system I need to create, based on his preferences.

 

Below are some retoucher sites where they have before and after galleries.

 

http://www.harniman.com/

 

The above link is the main example he gave me, and is pretty much spot-on to how I need to get this looking...functionality wise, however I am not a flash developer so therefore am looking at a possible solution that allows me to take for example one of the following:

 

http://www.e2interactive.com/e2_photo_gallery/

 

http://imago.codeboje.de/samplegallery/

 

http://minishowcase.net/

 

and somehow add the rollover / swap image restore function to the existing code (?) Basically these example galleries are perfect for what I need EXCEPT they are missing the vital element - the before and after shot on the full size image.

 

Does anybody have a possible solution or any guidance on this would be greatly appreciated :)

 

Many thanks

hello :)

there are so meny ways to do that,

mostly, on pro artists websits will be a small selection of images,

the best for show, right ?

you could very easy make the "gallery" page ( icons ),

link each to the "big" image on its own page,

at the image page you can use mootools for the nice fade effect while rollover the image,

will change original <-> retouched :)

 

there are meny ways :)

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.