iView home page
iView Multimedia Forum Index

FAQ FAQ     SearchSearch     MemberlistMemberlist     UsergroupsUsergroups    RegisterRegister  
ProfileProfile   Log in to check your private messagesLog in to check your private messages   Log inLog in 

HTML Gallery with LIGHTBOX JS

 
This forum is locked: you cannot post, reply to, or edit topics.   This topic is locked: you cannot edit posts or make replies.    iView Multimedia Forum Index -> HTML galleries
View previous topic :: View next topic  
Author Message
paul-langenfeld



Joined: 27 Sep 2004
Posts: 7
Location: Germany

PostPosted: Sat May 06, 2006 9:53 pm    Post subject: HTML Gallery with LIGHTBOX JS Reply with quote

Hi everybody,

I have a big problem and no solution. I would like to try to create html-galleries within the LIGHTBOX JS to make "fullscreen" pics with JS.

Here is the homepage for LIGHTBOX JS: http://www.huddletogether.com/projects/lightbox2/

Here are some examples: http://www.huddletogether.com/projects/lightbox2/#example

I know of some plugins for CMS Systems, but I don't know how to integrate LIGHTBOX JS into iView Media Pro to create html galleries.

My problem is to integrate the variables like "(iView:Preview)" to get the result.

I hope you can help me.

Regards Paul
Back to top
View user's profile Send private message Visit poster's website
masa



Joined: 30 May 2005
Posts: 10

PostPosted: Sat May 13, 2006 1:17 pm    Post subject: Re: HTML Gallery with LIGHTBOX JS Reply with quote

paul-langenfeld wrote:
My problem is to integrate the variables like "(iView:Preview)" to get the result.


Hi Paul,

I've struggled with this for quite a while, too, but finally found the solution: the "magic" variables are (iView:MediaURL) and (iView:PreviewURL).

Using these I built a tag like so:

Code:
<a href="(iView:MediaURL)" rel="lightbox"><img src="(iView:PreviewURL)" height="(iView:PreviewHeight)" width="(iView:PreviewWidth)"></a>


which renders a thumbnail enclosed in a link tag with the necessary rel="lightbox" attribute.

I would think you could automate things further by also generating tiltle attributes from either the image title or annotations to show up as captions, but I rarely use them myself.

iView will still generate a folder containing html pages with the embedded full-size images, but you can safely trash it - it's not required anymore.

One last thing you might want to add to your lightbox template is the reference to the lightbox script(s) and make sure they're root-relative.

iView is the perfect tool for creating Lightbox galleries!

Good luck!

Cheers Martin
Back to top
View user's profile Send private message
memento



Joined: 09 Feb 2006
Posts: 35

PostPosted: Sat Jun 17, 2006 11:18 am    Post subject: Reply with quote

Hello, does anyone would like to share an iView template which includes Lightbox?

Thanks
Back to top
View user's profile Send private message
mikirby



Joined: 18 Jul 2007
Posts: 4

PostPosted: Thu Aug 09, 2007 9:08 am    Post subject: iView & LightBox do NOT work together Reply with quote

memento wrote:
Hello, does anyone would like to share an iView template which includes Lightbox?

Thanks


The reason nobody ever offered to share their solution is because there isn't one. Lightbox and iView's galleries intrinsically cannot work together.

After a very frustrating hour of trying to make this work, I've got it so I does finally display the image... sort of. It hides the image behind the shading, pushes it down so it's mostly off the bottom of the page so you can't see it anyway, and the close box graphic is broken. Then when you close it, it leaves this crazy "break" on the original page so all the thumbnails look like they're cut in half - the bottom half of each is shifted about a quarter inch to the right of the top half. It's unusably broken.

I then removed all CSS and JS from my gallery except for lightbox and I'm still having the same problems. Clearly, there is something in iView's HTML or folder setup that instrinsically prevents Lightbox from working correctly with it, or the Lightbox setup instructions are seriously flawed.

So, I took the html page that came with lightbox, which worked fine on it's own, and I shifted everything into the Custom HTML Gallery folders and updated the urls in all the files... and it broke. Same problems as above.

So this means: Lightbox expects the folders to be as they are when you first download it, and iView refuses to handle those folders when you include them in a custom template. Despite what anybody says in this thread, Lightbox and iView's custom gallery templates absolutely do NOT work together. :-(

Of course, anybody who claims they have done it is welcome to prove me wrong.
Back to top
View user's profile Send private message
ragots



Joined: 01 Aug 2004
Posts: 1

PostPosted: Sat Jan 05, 2008 3:42 pm    Post subject: Reply with quote

I did it by following masa's tip:


but I used lytebox:

Code:
<a href="(iView:MediaURL)" rel="lytebox"><img src="(iView:PreviewURL)" height="(iView:PreviewHeight)" width="(iView:PreviewWidth)"></a>


You can see the result here >> http://peter.north.free.fr/carla-nicolas/index.htm



The lytebox script page is here:
http://www.dolem.com/lytebox
Back to top
View user's profile Send private message
masa



Joined: 30 May 2005
Posts: 10

PostPosted: Fri Feb 22, 2008 2:24 am    Post subject: Re: iView & LightBox do NOT work together Reply with quote

mikirby wrote:
The reason nobody ever offered to share their solution is because there isn't one. Lightbox and iView's galleries intrinsically cannot work together.


Most of the supplied gallery templates I checked out are really messy, so regarding those I would agree.

However you can create perfectly functional and aesthetically pleasing Lightbox galleries from scratch with the code I posted. It goes without saying that you need basic html and css knowledge to do so.
Back to top
View user's profile Send private message
Display posts from previous:   
This forum is locked: you cannot post, reply to, or edit topics.   This topic is locked: you cannot edit posts or make replies.    iView Multimedia Forum Index -> HTML galleries All times are GMT
Page 1 of 1

 
Jump to:  
You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot vote in polls in this forum



  © iView Multimedia Ltd. | All Rights Reserved Privacy Policy | Copyright | Site Map