Hi!
I’m using Gallery-module and it’s great. Is there a way to show multiple gallerys in one page?
I mean like this:
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam ipsum lacus, consequat sit amet laoreet eget, ultricies eget neque.
thumb1 thumb2 thumb3
Proin dignissim, nunc et posuere cursus, enim sem dictum leo, ut egestas ante risus et libero. Aenean tempus pharetra purus id posuere. Phasellus pharetra nisi ac neque porttitor egestas. Vivamus vel velit augue.
thumb1 thumb2 thumb3
If I click one thumbnail, I see overall six photos, ‘cause the rel-tag is the same.
Thanks!
[SOLVED] Gallery-module - Multiple gallerys in one web page?
[SOLVED] Gallery-module - Multiple gallerys in one web page?
Last edited by urheat on Sat Jan 29, 2011 11:33 am, edited 1 time in total.
Re: Gallery-module - Multiple gallerys in one web page?
i'm not sure i understand your question. but try to change the div id in the template and duplicate it. (i marked them with HERE)
and the in the js
and the css
and you should call the jquery only once on a page. if i'm right... you should rather install {jquerytools} and suppress the jquery call in the template.
i guess there's a finer solution with smarty... but it should do the trick
Code: Select all
<div id="HERE]">
{foreach from=$images item=image}
{if !$image->isdir}
<img src="{$image->thumb}" alt="{$image->titlename}" />
{/if}
{/foreach}
</div>
Code: Select all
<__script__ type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js"></__script>
<__script__ type="text/javascript" src="modules/Gallery/templates/cycle/jquery.cycle.lite.1.0.min.js"></__script>
<__script__ type="text/javascript">
$(document).ready(function() {
$('#HERE').cycle({
delay: -2000,
timeout: 4000,
speed: 2000
});
});
</__script>
Code: Select all
/* height and width should be the same as the thumbnail sizes */
#HERE {
width: 370px;
height: 220px;
}
i guess there's a finer solution with smarty... but it should do the trick
Re: [SOLVED] Gallery-module - Multiple gallerys in one web p
Thanks!
This did the trick:
I know I tried that before but I have to had messed too much with CSS.
This did the trick:
Code: Select all
rel="gallery-{$galleryid}"