A new photo album manager : Gallery

[Jos]

meckie,

For displaying the albumcover you could use a new gallery template and set the  max to 1

For displaying the images I suggest to install the AE-Gallery template. See http://dev.cmsmadesimple.org/project/files/726 all the way down the page. Download it there and install via the templates tab in Gallery admin

[meckie]

Hello Jos,

thank you very much for your kind and superfast reply!
Unfortunately the AE-Template didnt work out:
http://www.passo-tourismo.com/preview/i ... euge&hl=de
With AE instead of Lightbox I would need the images to be displayed in another page, so i added:

Code: Select all

{Gallery dir='Fahrzeuge' targetpage="galerie"}

but it didnt work out (see the link)
Do you know why?

Thanks again for your patience and help!

[Jos]

First of all you do a call to jQuery two times, that could cause some trouble.

Second, I apologize for misunderstanding your question, so forget my former post.
Please take a look at this post, i guess that is what you mean: http://forum.cmsmadesimple.org/index.ph ... 491.0.html

[meckie]

Hi Jos,

thank you! I did the following:

Code: Select all

<div class="gallery">
{if !empty($module_message)}<h4>{$module_message|escape}</h4>{/if}
{if !empty($gallerytitle)}<h3>{$gallerytitle}</h3>{/if}
{if !empty($gallerycomment)}<div class="gallerycomment">{$gallerycomment}</div>{/if}
<p>{$imagecount}</p>
<div class="pagenavigation">
{if $pages > 1}
<div class="prevpage">{$prevpage}</div>
<div class="nextpage">{$nextpage}</div>
{/if}
{if !$hideparentlink && !empty($parentlink)}<div class="parentlink">{$parentlink}</div>{/if}
{if $pages > 1}<div class="pagelinks">{$pagelinks}</div>{/if}
</div>


{assign var='firstimage' value='1'}
{foreach from=$images item=image}
	<div class="img">
	{if $image->isdir}
		<a href="{$image->file}" title="{$image->title}"><img src="{$image->thumb}" alt="{$image->title}" /></a><br />
		{$image->title}
	{elseif $firstimage}
   <a href="{$image->file}" title="{$image->title}" rel="lightbox[gallery]"><img src="{$image->thumb}" alt="{$image->title}" /></a>
	{assign var='firstimage' value='0'}
	{else}
   <a class="hide" href="{$image->file}" title="{$image->title}" rel="lightbox[gallery]">{* no thumb here *}</a>
	{/if}
	</div>
{/foreach}

and

Code: Select all

.gallery .img .hide{  display: none; }

and

Code: Select all

<__script__ type="text/javascript" src="modules/Gallery/templates/lightbox/js/prototype.js"></__script>
<__script__ type="text/javascript" src="modules/Gallery/templates/lightbox/js/scriptaculous.js?load=effects,builder"></__script>
<__script__ type="text/javascript" src="modules/Gallery/templates/lightbox/js/lightbox.js"></__script>

and it looks like this:

http://www.passo-tourismo.com/preview/i ... euge&hl=de

Probably this is the reason:

First of all you do a call to jQuery two times, that could cause some trouble.

but I dont know how to fix it. What could I do?

Really, thanks a lot for your help and time, now you have a beer here in Berlin waiting for you, if you should come here

[Jos]

Lightbox doesn't use jquery. Maybe some other javascript breaks it, I don't know. Lightbox is a bit outdated nowadays, it doesn't have recent development for years.

If you do use a gallerytemplate that uses jQuery, you can delete the call in the template javascript field. Please also note the different versions of jQuery.

But even in the Lightbox case, I still see two calls to jquery:
in the html-head:

(should be the proper place, but could try a newer version)
and in the html-body:

[meckie]

Yes, the other Script is for the Image-Changing-Effect of the head-Image of the page. I removed now

Code: Select all

<__script__ type="text/javascript" src="modules/Gallery/templates/lightbox/js/prototype.js"></__script>
<__script__ type="text/javascript" src="modules/Gallery/templates/lightbox/js/scriptaculous.js?load=effects,builder"></__script>
<__script__ type="text/javascript" src="modules/Gallery/templates/lightbox/js/lightbox.js"></__script>

and it still doesnt work ...

[Jos]

Lightbox needs that code, I didn't say to remove that, but I suggested to get rid of double calls to jquery

[meckie]

Sorry Jos, that I didnt understand and probably this question is as dull as it can be in your eyes, but how can I

get rid of double calls to jquery

?

I really apreciate your help, and I will raise my offer for one beer in Berlin to two or three if we could get that gallery working...
Thanks in advance!

[Jos]

Ah in that case..... but uhm.. I never drink beer    doesn't mind..

In the German board I read you switched to Fancybox... I think that is a better choise.

In the Fancybox template you can delete the first row in the javascript field, that is:

In the page template, you can change the jquery call in the head from:

to


Somewhere in the body (don't know if this in the page template too) you have:

You can delete that too.

[meckie]

Thanks a quadrillion times! it wooooooorks! )
Jos, you are the best gallery-module-developer on planet earth!


Yippieh!


If you come to Berlin I´ll invite you to some drinks or whatever you like....   


puhh, that was hard for me as a non-programmer...

I already did that Karma-Thing, if i can do anythimg else, let me know..

Cheeerio from Berlin, I´ll have a Beer in the Beergarden now.

[Jos]

Great! Nice to hear it works the way you wanted.    Thank you for the karma 

[Jos]

Today I released version 1.3 of the Gallery module 

Now you get better control to manage your photo albums, or let's say to limit your clients to manage their photo album. This version of Gallery integrates the SWFUpload JavaScript/Flash library
version 2.5.0 beta3 (note the beta!) for multiple uploading and client-side resizing images.

Note:
The smarty variable $image->title has changed a bit. It won't show the filename when the title is empty anymore.
If you want to keep it in the old way, you might want to edit your templates by changing $image->title to $image->titlename

Thanks everybody for bugreports and feature requests and special thanks to Rolf 

changelog: Version 1.3 - 2 May 2010

- multiple image upload and client side image resize with SWFUpload
- deletefunction for galeries and bulk or separate images
- Fixed a bug related to assigning the albumcover of a subgallery as albumcover
- Fix for Bugreport #4712: Overwrite existing module templates even if unchecked
- Added smarty variable $currentpage (FR #4729)
- Fix for Bugreport #4772: Collapse/expand doesn't work in IE
- Added TinyMCE Gallery Picker code (by Stikki)
- Fix for Bugreport #4808: Multiple templates on one page removes previous stylesheets/javascripts
- Added filename and titlename to image-object smarty variable. Changed $image->title to only show the title and not the filename anymore

[Jos]

Forgot to mention that there is also a Colorbox template available for Gallery now.

Documentation: http://colorpowered.com/colorbox/  Gallery default is demo 1, slideshow

Download: http://dev.cmsmadesimple.org/project/fi ... ackage-887 (upload and install in Gallery templates tab)

Note that this Colorbox template will only work with Gallery > 1.3.x

[sykic]

Brilliant

recently found CMSMS and now Gallery

Had gallery installed and working in minutes

Well done all

Is there a template that shows a large image as you hover over the thumbnail ?

sykic

[Jos]

Thx sykic, thats a great compliment

Is there a template that shows a large image as you hover over the thumbnail ?

I think such one is not available, or maybe you look at something like AD-Gallery? http://dev.cmsmadesimple.org/project/fi ... ackage-864

Else somthing like http://www.cssplay.co.uk/menu/magnify.html should be easy to implement.