- Posts: 7
- Thank you received: 0
Lightbox not working or not possible?
-
eric@evn64.nl
Inactive member - Topic Author
- New Member
Less
More
13 years 2 months ago #11712
by eric@evn64.nl
Lightbox not working or not possible? was created by eric@evn64.nl
I was under the impression that the module was able to show articles and images in a Lightbox. But perhaps I'm wrong. Altough I see 'rel="lightbox"' pop up in the code on different places, I can't figure out how to activate it.
I hope someone can clear this up for me.
rgds, Eric
I hope someone can clear this up for me.
rgds, Eric
Please Log in to join the conversation.
-
ivan.milic
Support Staff - Moderator
Less
More
- Posts: 14116
- Thank you received: 1639
13 years 2 months ago #11728
by ivan.milic
Replied by ivan.milic on topic Re: Lightbox not working or not possible?
Hi,
there is no built in integration,
but you can add this in modules\mod_hot_joomla_carousel_pro\tmpl\default.php after:
(by after I mean right after , nothing in between except new line)
jQuery(document).ready(function(){
jQuery('.carouselimage a').lightbox();
});
you have to setup carousel pro to match required lightbox HTML, <img> showing thumb in <a> with href to full image.
Of course you have to make sure you have references to lightbox's .js and .css file.
there is no built in integration,
but you can add this in modules\mod_hot_joomla_carousel_pro\tmpl\default.php after:
Code:
jQuery(function(){
jQuery("div.foo").carousel({
direction: "<?php echo $carouselDirection; ?>",
loop: <?php if ($carouselLoop) { echo "true"; }else{ echo "false"; } ?>,
dispItems: <?php echo $articleNumber; ?>,
pagination: <?php if ($carouselPagination) { echo "true"; }else{ echo "false"; } ?>,
paginationPosition: "inside",
autoSlide: <?php if ($carouselAutoSlide) { echo "true"; }else{ echo "false"; } ?>,
autoSlideInterval: <?php echo $carouselAutoSlideInterval; ?>,
delayAutoSlide: false,
combinedClasses: false,
effect: "<?php echo $carouselEffect; ?>",
slideEasing: "swing",
animSpeed: "<?php echo $carouselAnimSpeed; ?>",
equalWidths: "true"
});
});
(by after I mean right after , nothing in between except new line)
jQuery(document).ready(function(){
jQuery('.carouselimage a').lightbox();
});
you have to setup carousel pro to match required lightbox HTML, <img> showing thumb in <a> with href to full image.
Of course you have to make sure you have references to lightbox's .js and .css file.
Please Log in to join the conversation.
Time to create page: 0.143 seconds