Comments on: Super Simple Image Viewer

By: the DtTvB

the DtTvB — Fri, 24 Aug 2007 11:46:13 +0000

Wow, that script is very small.

Simple but great script!

By: Changing Pace | Matt Snider JavaScript Resource

Changing Pace | Matt Snider JavaScript Resource — Sat, 08 Sep 2007 01:44:55 +0000

[…] homepage will be changing to feature work that I have done. I recently completed an light-weight JavaScript Image Viewer Widget, and will be wrapping up a bigger social *cough* networking project soon. I need to showcase the […]

By: Jak

Jak — Thu, 15 Nov 2007 22:05:23 +0000

how do i integrate this into my website - it is an awseome script but im not that techy. do i need a separate page where the data is called from

By: admin

admin — Thu, 15 Nov 2007 23:58:27 +0000

Today, I updated this post in response to Jak’s question. Hopefully, this will help answer any remaining questions.

By: tristan

tristan — Fri, 11 Jul 2008 02:04:16 +0000

Hi your script is great,
I’m using it but I got this error
Warning: the initial image was not added to the image collection when loading the page, what should be my mistake?
thanks in advance.

//tristan

By: Matt Snider

Matt Snider — Mon, 14 Jul 2008 02:20:51 +0000

Tristan, the img tag that you use in the HTML on your page should have a src attribute pointing to a graphic that is in your collection of images.

By: Sanjeev

Sanjeev — Thu, 17 Jul 2008 18:01:43 +0000

Hi, Actually i am looking out for the script which is same as the windows film strip feature but with some next and previous options. right now i have done in very simple way.

By: Deano

Deano — Tue, 22 Jul 2008 23:31:15 +0000

Hi, brilliant code - its surprising how hard it is to get simple image viewer code! I’ve managed to get this working (and im not very code savvy!) and was wondering if there was a way to have multiples of this on the same html page? I think the buttons would require classifying to each separate gallery?any help would be very appreciated! Thanks.

By: Matt Snider

Matt Snider — Wed, 30 Jul 2008 17:52:28 +0000

Deano,

As it is written there can only be 1 photo viewer per page, because the ImageViewer function creates a static Object. The Function structure needs to change to be instantiatable. I have made a second version of the image viewer for you and will be posting it in my blog post later today.

By: Thom

Thom — Mon, 04 Aug 2008 22:56:15 +0000

I’m not to good at this…
I’m building a site in Dreamweaver CS3 and I cannot get this to function.
Will this work in Dreamweaver?
thank you!

By: Matt Snider

Matt Snider — Mon, 04 Aug 2008 23:18:21 +0000

Thom,

This should work in Dreamweaver or any other IDE/design program. If you have the code live somewhere, I’ll take a look and see what I can find.

By: Thom

Thom — Tue, 05 Aug 2008 00:19:55 +0000

I got it!!!
I had a typo I kept missing.
heh

By: Thom

Thom — Tue, 05 Aug 2008 02:01:23 +0000

Ok now that I have that up and running I have one more question.
I would like to have a dialogue box that dynamically loads a text to coincide each portfolio, how do I go about doing that?

Here is an example of what I mean
A user clicks the link to Portfolio 1.
Portfolio 1 is photos of Ninjas.

Under the Image viewer there is a dialogue box which reads.
These are studio photographes of a man dressed as a ninja. They were taken with a 35mm film camera.

The user clicks on the link to Portfolio 2.
Portfolio 2 is photos of Pirates.
In the same dialogue box the text changes to (much like the images changed) These are studio photos of pirates.

Any help is greatly appreciated!

By: Matt Snider

Matt Snider — Tue, 05 Aug 2008 17:21:31 +0000

Thom,

This version of the ImageViewer cannot handle caption text. However, here is a new version that does, Simple Image Viewer With Captions. It is a little more complicated, but if you follow how to setup data set 1, I think you’ll figure it out.

By: Thom

Thom — Tue, 05 Aug 2008 17:33:04 +0000

thank you for your help!
I’ll look into it now.

cheers