shahzadafzal / galleriffic

Automatically exported from code.google.com/p/galleriffic
0 stars 0 forks source link

Problem when working with a lightbox plugin (prettyphoto) #214

Open GoogleCodeExporter opened 8 years ago

GoogleCodeExporter commented 8 years ago
What steps will reproduce the problem?
1. Put a link as caption to a thumbnail (a video link that plays in lightbox on 
other pages, using prettyphoto plugin)
2. Video link is displayed on the page when related thumbnail selected
3. But, link does not plays the video inside a lightbox and tries to go given 
href.

What version of the product are you using? On what operating system?

Latest version, windows, firefox

Original issue reported on code.google.com by enginbay...@gmail.com on 18 May 2011 at 9:18

GoogleCodeExporter commented 8 years ago
even though the default settings won't work due to some conflicts, you can make 
the prettyPhoto work together with the following code. you will need to call 
the lightbox function each time an image/caption is loaded. You would need to 
do this in the galleriffic onTransitionIn callback like such:

    onTransitionIn:         function() {
    $('#slideshow').fadeTo('fast', 1.0);
    $('#slideshow span.image-wrapper').fadeTo('fast', 1.0);
    $('#caption').fadeTo('fast', 1.0);
    $('#caption span.image-caption').fadeTo('fast', 1.0);
    $('#caption').fadeIn('fast', function() {
        $('#caption a[rel^=\"prettyPhoto\"]').prettyPhoto();
    });
},

Original comment by alexjos...@gmail.com on 11 Aug 2011 at 4:35

GoogleCodeExporter commented 8 years ago
I know these issues posted are old but i found myself here many times trying to 
find this exact fix and everywhere else on the internet.. I searched and 
searched to no avial. BUT, I have good news! After about 2 days of pulling my 
hair out i finally found a fix. By combining Colorbox and Gallerific (jQuery 
Plugins) I have come up with a makeshift video/image gallery using gallerific's 
wonderful dynamic interface. I am proud to say that i have solved all my 
problems. 

What i now have as a result is a thumbnail image of each video at the side, 
when a thumbnail image is clicked gallerific shows a screenshot of the video 
with a play button watermark (like you would see on a youtube video before 
pressing play) upon clicking this screenshot it opens colorbox (with the 
parameter iframe: true) and displays the video! from there i can customize 
everything still that both plugins allow for no problem! 

The only problem is my circumstance is very specific to the project i am 
working on as i am a full time web designer doing a project for a client. i 
have outputted all my galleriffic thumbs and images dynamically from a database 
that holds the thumb image, full image, and video link. therefore its all in a 
for loop with a bunch of php.

To make this short for the people who are too impatient to read this or 
ungrateful for the fix i will not be posting my fix publicly. 

ALTHOUGH, if you would like some idea on how to do this yourself you can email 
me at jturner22.nait@gmail.com with a subject line something along the lines of 
"GALLERIFFIC/COLORBOX HELP" and i will be more than willing to share my 
modified jquery.galleriffic.js file and the other required info to make it 
work, As i said before i was here 2 days ago with the same issue. Been there 
done that. I know how it feels and i'm here to help!

Thank you,
-Jason Turner

Original comment by jturner2...@gmail.com on 2 Nov 2012 at 8:23

GoogleCodeExporter commented 8 years ago
Merciiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiii

Original comment by ttl5...@gmail.com on 16 Mar 2014 at 4:45