Album: Template and Ajax question [SOLVED, new Album template!!]

[Caspar]

Hi everybody,

I've been playing around with an image-gallery javascript called CMotion. (http://www.dynamicdrive.com/dynamicindex4/cmotiongallery.htm)
Creating an Album template was quite easy even for me non-coder, I attach it to this post. (In action: http://joern.chariotweb.net/index.php/blumen)

Only thing is: How can I get the enlarged images being loaded in a div without reloading the whole page?
I've been digging through script libraries and ajax the whole day. Only result: a script which loads external html-pages in a div (http://www.dynamicdrive.com/dynamicindex17/ajaxcontent.htm), but when it comes to image files it messes up (http://joern.chariotweb.net/index.php?page=koelnerdom).

The original javascript (http://www.dynamicdrive.com/dynamicindex4/motiongallery.js) provides a pop-up function for enlarged images. Could it possibly be changed to displaying images in a div with id=soandso?

Thanks a bunch!
Caspar

[gelöscht durch Administrator]

[Elijah Lofgren]

Hi Cas,

THANK YOU! 

I found and modified this script to be able to change the images without a page reload:
http://www.xul.fr/javascript/dynamic-images.html
And it actually worked!

See it in action here: http://www.elijahlofgren.com/pictures/parks/

You can download the updated template here: http://viewsvn.cmsmadesimple.org/viewsv ... iew=markup
Basically all I added was this to the image thumb link:

Code: Select all

onclick="document.getElementById('maincmotionpic').setAttribute('src', '{$onepicture->picture}');return false;" :)

I didn't think it would be that simple.

Thank for this great Album template! It will be part of the next Album release (hopefully coming in the Summer)

Have a wonderful Resurrection Day Sunday,

Elijah

[Caspar]

Elijah,

thanks so much, that's it! 
I'll see if I can make the default css more comfortable and if yes post it here.

Happy Eastern to you also and thanks again!
Caspar

[Caspar]

Alright then,

see the CMotion gallery in action: http://test.sackermann-foto.de/bruecken/

I attach the template and the css files. Please get the original javascript from http://www.dynamicdrive.com/dynamicindex4/cmotiongallery.htm.

Regards,
Caspar

By the way, how do I mark a thread as solved without closing it?

[gelöscht durch Administrator]

[cyberman]

Hi Caspar,

Thanx for that - maybe you can post a link on projects patch area, so it can easier included in next release.

By the way, how do I mark a thread as solved without closing it?

Means, you should add [solved] to topic so someone like me can close it  ...

[Caspar]

maybe you can post a link on projects patch area, so it can easier included in next release.

Loved to, only since I'm doing it for the first time: what is the patch area and how do I get there?

Means, you should add [solved] to topic so someone like me can close it  ...

Right, found out about it just a minute later. Thanks anyway!

[cyberman]

what is the patch area and how do I get there?

Every / most project has an area for patches like album here

http://dev.cmsmadesimple.org/tracker/?a ... unc=browse

where you can post your solutions / patches.

[Caspar]

Link posted here: http://dev.cmsmadesimple.org/tracker/index.php?func=detail&aid=1447&group_id=167&atid=727
Danke!