next »

[bunk58]

This is a port of Torstein Honsi's Highslide.js image effect.

Highslide JS is licensed under a Creative Commons Attribution-NonCommercial 2.5 License (http://creativecommons.org/licenses/by-nc/2.5/).

This is my first attempt at a snippet so feel free to improve the coding as I know very little PHP and even less Javascript.

View a demo of the snippet at 3913.co.uk.

There are a limited number of parameters available, because I ignored a lot of possible options in order to get it up and running quickly and simply.
I love MaxiGallery but sometimes want to upload several large galleries quickly, without captions, comments etc.
The idea was to get a good looking ajaxified style gallery that you FTP the images up to and that noobs like me can install easily.

The zip file contains all the files and a set of instructions.
Feedback any thoughts and or improvements.

Tested on MODx 0.9.5 RC2 & 0.9.6 RC1 using IE6 & 7, Ffox 1.5.0.11, Netscape 8.1.2 & Opera 9.10
Can someone have a look using Safari?

Also "Valid XHTML 1.0 Transitional"

Regards,
David

[xyzvisual]

very cool snipet
hi

[zi]

Nice work David!

Thanks for sharing.

[Xsss4hell]

* Two Thumbs UP *

[ChuckTrukk]

David,

This snippet is a real winner! Perfect for quick galleries.

Chuck

[Ross1234]

Maybe add this in the next version but with width and height as parameters instead of in the php?

change the paths to thumbnails to use this resizer script

http://tech.mikelopez.info/2006/03/02/php-image-resize-script/

Creates thumbnails with smaller file sizes "on the fly"

Then call the same way as before

so the file path is $file_dir = 'assets/galleries/'.$Gname.'/';

and the thumbnail path is $thumbs_dir = '/imgsize-1.php?w=120&h=90&img='.$file_dir.;

(remove fullsize from file path.)

if you could incorporate the width and hight as parameters that would be great.

(thats my input to modx LOL)

ps. is it allowed to remove the highslide text at the top left and replace with a copyright notice? I don't think it is and you have done that.

[bunk58]

Thanks for the pointer.
I've bookmarked it for a look.

David

[Vait]

Ive liked the fx but the downside is whenever I click on next and the next image comes up, I have to move the mouse to click on the next button (using safari) - is it supposed to be this way? I clicked on 5 images and it already got irritating.. is it possible to set a static position for the buttons?

[bunk58]

The control bar is set relative to the image, ie top right, bottom left etc.
If you have images of different sizes then the control bar would "move"

[Ross1234]

Ive liked the fx but the downside is whenever I click on next and the next image comes up, I have to move the mouse to click on the next button (using safari) - is it supposed to be this way? I clicked on 5 images and it already got irritating.. is it possible to set a static position for the buttons?

You can use your keyboard

[yoomai]

Thank you, nice snippet. I really like HighSlide, I even paid for this nifty little software.

[bunk58]

Thanks for the feedback Yoomai

[fruitwerks]

This is really nice, but is there a way to use only a single thumbnail for a series of images? And is there a way to have on-the-fly thumbnail creation?

[Kristalin]

perfeckt

[bunk58]

Sorry for the late reply!
@fruitwerks
That's not the way Highslide works, it's designed to allow having multiple full size images open and dragging them around.
I'm sure the thumbnails could be generated on the fly by phpThumb or DirectResize etc.
@Kristalin
Thanks

EDIT You can remove the thumbnails and still have the full size images available!

[Soshite]

I have a specific size for the content area of my website. Does this have the images "wrap" to the next line in this case?

[bunk58]

The thumbnails are positioned by your layout/CSS.
The large images can be positioned to open where you want by using the top, right, bottom & left margin feature.
Remember they can be dragged anywhere in the browser window.

[BobRay]

Very nice effect but you get a text menu that goes off the right side of the screen until all the images are fully loaded in IE7. It can take a while on a slow connection.

You might want to use JS to preload the images before displaying the page.

[bunk58]

BobRay, are you referring to the FishEye menu?

[BobRay]

BobRay, are you referring to the FishEye menu?

Yes. It also happens in FF, although FF at least wraps the menu so it doesn't go off the right side. All the images appear fairly large with text under them, then the normal fisheye menu replaces them.
Bob