The Snake (V2) XML Image Gallery

ChristianKragh
Exclusive author

The Snake (V2) XML Image Gallery

A unique menu with dynamic, pixel-perfect buttons, which are all dynamically scaled and positioned in relation to the mouse position to produce a unique animation among the buttons. This animation is entirely controlled by ActionScript. Thumbnail images can be any size you would like! But it works and looks much better if they are all the same height, and looks best if they are all the same size in width and height. The gallery image box conforms to any image size and also dynamically makes space for any description that you add in the XML . It also has a next and previous arrow buttons that you can click on the image to just go back and forth. All the buyer has to do is fill in the XML , thumbnail urls, image urls, and descriptions. There are also other things the buyer can change.

This is the same XML Image Gallery as The Snake XML Image Gallery but this version (V2) has 3 new great features:
– Tooltips have been added! However, you can also decide to have tooltips or not, by simply typing ON or OFF between the tooltips tags in the XML .
– HTML + CSS formatting has been added to the description clip, so you can change the color and size of the text, as well as add links and style them as you please! Supported HTML / CSS formatting methods help file is included.
– Dynamically smart resizing of images; if the image is too big, i.e. bigger than the flash player area, the image will be automatically sized down to fit within the space provided. The text and borders are of course taken into account so everything still looks good!

This gallery uses The Snake Menu V2.

AS3 .

All code is commented and step by step instructions included.

Have any questions regarding trouble with the file? Please check my FAQ before contacting me. If you do contact me, please send me a message / email, rather than leaving a comment on the page.

The Tweener Class is used and included; no use, importation, or any actions need to be taken, simply just keep the caurina folder in the same directory as your swf. Very easy to use.

Please rate!

Feel free to check out my profile here on FlashDen or my website at ChristianKragh.com.

Other Flash files of mine:

XML Image Galleries

Menus

Video (FLV)

News Modules

Posted 4 months ago

sjumah

great gallery

Posted 4 months ago

Dong1709

Nice gallery

Posted 4 months ago

modular

awesome!

Posted 4 months ago

fisch79

nice as usual is this the last snake gallery?

Posted 4 months ago

flasher3015
Exclusive author

man you are making history with your snake

Posted 4 months ago

PerryMason
Exclusive author

Nice gallery! Need category selection and that will be perfetto!

Posted 4 months ago

vqro

i do believe you have hit the “sweet spot” with the mouse move controll. not too fast, not too slow… just right. congratulations! great work!

Posted 4 months ago

ChristianKragh
Exclusive author

Thanks everyone

Posted 4 months ago

askurat1

Hey ChristainKragh

This is a great product. I just wanted to know if there is a way to change the menu from being on the bottom of the stage to coming in from the right side of the stage? In other words I want this same menu but instead of it horizontal on the bottom, I want it vertical on the right. I hope this makes sense. Please if you could help me I would appreciate it.

Thanks, Tony

Posted 3 months ago

maurypb

Well commented, easy to use, easy to modify. Author also gave prompt, brief but helpful email support.

Recommended.

Posted 3 months ago

ChristianKragh
Exclusive author

askurat1: No, the menu is on the bottom and there is no support for the other 3 sides, sorry.

maurypb: Thank you.

Posted 2 months ago

mediametr

This was perfect for my online portfolio! came well document. I had to modify it slightly to make it work with my site which I found quite hard because im fairly new to flash but other than that highly recommended!!

ChristianKragh: if ur interested check out my site see how I used it

http://www.mediametr.co.uk/

Posted 2 months ago

siniestro

Hey great gallery!!!!

trying to make the “imageclip” tween with a delay to a new center coordinate when function “rearrangeStage” is called how do I do this with tweener… never used it before…

Posted 2 months ago

ChristianKragh
Exclusive author

mediametr: Thanks man! Cool!

siniestro: Please google “Tweener Documenation” to find more information on the tweener class. But it’s basically like this: Tweener.addTween(targetMovieClip, {property:value, property:value, time:1, delay.5}); Hope that helps.

Thanks.

Posted 2 months ago

ChristianKragh
Exclusive author

teehee – that was meant to say delay : 0.5

Posted 2 months ago

siniestro

Nice!

So were in your code would I place this new tween function to allow the image to animate to new center?

appreciate your help man…

in here right?

function rearrangeStage(event:Event):void { menuholder.y = stage.stageHeight + (menuholder.height * 2); menuicon.x = Math.round(stage.stageWidth / 2); menuicon.y = stage.stageHeight + 345; loaderclip.x = Math.round(stage.stageWidth / 2); loaderclip.y = Math.round(stage.stageHeight / 2) – 20; imageclip.x = Math.round(stage.stageWidth / 2); imageclip.y = Math.round(stage.stageHeight / 2) – 20; bgcolor.width = stage.stageWidth; bgcolor.height = stage.stageHeight; }

????

Posted 2 months ago

siniestro

Figured it out… sweeeeet

Posted 2 months ago

ChristianKragh
Exclusive author

Yes, that’s right, good you figured it out.

Posted about 1 month ago

siniestro

Any way to load a different gallery in with xml?

Posted about 1 month ago

ChristianKragh
Exclusive author