blog documentation FAQ followers forum marketplace services youtube

solved Event Module > Item Detail > Event Image > Lightbox class?

The Jamroom Network » Forum » Design and Skin Customization » Page » Event Module > Item Detail > Event Image > Lightbox class?
iLoveHouseMusic
iLoveHouseMusic
@ilovehousemusic
10 years ago
517 posts
If I have the image Gallery and Event Module installed, should I be able to use the lightbox class on the event image on the item_detail.tpl? Or is that only for gallery images?

What I'm trying to do is a lightbox popup of the event image on the event detail page. I added class="lightbox" and it doesn't work.

I'm guessing if not, I'd have to copy the lightbox class info into the Event Module, OR call the Image Gallery lightbox class from the event > item_detail template. Is that possible?

TIA,
Brian
updated by @ilovehousemusic: 03/28/14 12:57:21AM
michael
@michael
10 years ago
7,715 posts
It should be available to you in the javascript.

Look for something on the gallery page that initiates it.

Something like:
<script type="text/javascript">
$(document).ready(function(){
$('.lightbox').lightBox();
return true;
});
</script>
brian
@brian
10 years ago
10,148 posts
It has to be setup with an anchor tag around the img with a class of "lightbox". Not all templates have been setup with lightbox - you'd want to set that up if needed.

Hope this helps!


--
Brian Johnson
Founder and Lead Developer - Jamroom
https://www.jamroom.net
iLoveHouseMusic
iLoveHouseMusic
@ilovehousemusic
10 years ago
517 posts
@Michael - thanks, I see it!

@Brian - Ah ok, I see the light box pop up now, but I don't know how to write the href for the image url. Is there documentation on that?

Here's what I'm looking at:

<a href="???" class="lightbox">{{jrCore_module_function function="jrImage_display" module="jrEvent" type="event_image" item_id=$item._item_id size="large" alt=$item.event_title width=false height=false class="iloutline img_scale"}</a>

Thanks in advance,
B
douglas
@douglas
10 years ago
2,790 posts
iLoveHouseMusic:
@Michael - thanks, I see it!

@Brian - Ah ok, I see the light box pop up now, but I don't know how to write the href for the image url. Is there documentation on that?

Here's what I'm looking at:

<a href="???" class="lightbox">{{jrCore_module_function function="jrImage_display" module="jrEvent" type="event_image" item_id=$item._item_id size="large" alt=$item.event_title width=false height=false class="iloutline img_scale"}</a>

Thanks in advance,
B

An image URL should look something like this:

http://yoursite.com/gallery/image/gallery_image/80/xxxlarge



--

Douglas Hackney
Jamroom Team - Designer/Developer/Support
FAQ-Docs-Help Videos
iLoveHouseMusic
iLoveHouseMusic
@ilovehousemusic
10 years ago
517 posts
@Douglas, I mean is there a Jamroom way to write the URL?

Such as {$jamroom_url}/ {$item.event_image_url}
douglas
@douglas
10 years ago
2,790 posts
You can try:

{$jamroom_url}/gallery/image/gallery_image/{$item._item_id}/xxxlarge

There isn't a variable for it that I'm aware of.


--

Douglas Hackney
Jamroom Team - Designer/Developer/Support
FAQ-Docs-Help Videos
iLoveHouseMusic
iLoveHouseMusic
@ilovehousemusic
10 years ago
517 posts
@Douglas - thanks! It was an event image, so this ended up working for me:

<a class="lightbox" href="{$jamroom_url}/event/image/event_image/{$item._item_id}/xxlarge">


You can close this thread - thank you!
updated by @ilovehousemusic: 02/24/14 02:19:07PM
douglas
@douglas
10 years ago
2,790 posts
Sorry, I just assumed this was for a gallery image. Glad you figured it out though. :)


--

Douglas Hackney
Jamroom Team - Designer/Developer/Support
FAQ-Docs-Help Videos

Tags