Support Forum - Topic: Editing the Lightbox

Support Forum - Topic: Editing the Lightbox http://www.kriesi.at/support/topic/editing-the-lightbox Support Forum - Topic: Editing the Lightbox en-US Thu, 23 May 2013 23:59:06 +0000 http://bbpress.org/?v=1.0.2 <![CDATA[Search]]> q http://www.kriesi.at/support/search.php Dude on "Editing the Lightbox" http://www.kriesi.at/support/topic/editing-the-lightbox#post-32538 Sun, 20 Nov 2011 13:39:27 +0000 Dude 32538@http://www.kriesi.at/support/ You can hide the description with: .pp_description { display: none !important; } You can see the complete link structure at the demo page - it's a bit confusing: <pre><code><a href="images/fullscreen/2.jpg" rel="prettyPhoto" title="This is the description"><img src="images/thumbnails/t_2.jpg" width="60" height="60" alt="This is the title" /></a></code></pre> Basically the link title is used as description and the image alt tag as title xD. rumblefish on "Editing the Lightbox" http://www.kriesi.at/support/topic/editing-the-lightbox#post-32536 Sun, 20 Nov 2011 13:36:08 +0000 rumblefish 32536@http://www.kriesi.at/support/ I think I found it here: <a href="http://forums.no-margin-for-errors.com/discussion/454" rel="nofollow">http://forums.no-margin-for-errors.com/discussion/454</a> You have to add rel="prettyPhoto[inline]" and then title="Title goes here". Is that right? Seems to work ... rumblefish on "Editing the Lightbox" http://www.kriesi.at/support/topic/editing-the-lightbox#post-32531 Sun, 20 Nov 2011 12:33:52 +0000 rumblefish 32531@http://www.kriesi.at/support/ That's what I was looking for! Thanks a lot Dude! :O) Oh wait, one last thing, sorry! How do I get rid of the "undefined" description in the lighbox? What do I have to add to the hyperlink to give the video a title in the lightbox (or remove it completely)? Dude on "Editing the Lightbox" http://www.kriesi.at/support/topic/editing-the-lightbox#post-32527 Sun, 20 Nov 2011 12:13:11 +0000 Dude 32527@http://www.kriesi.at/support/ Sample codes for all supported servives/video formats can be found here: <a href="http://www.no-margin-for-errors.com/projects/prettyphoto-jquery-lightbox-clone/" rel="nofollow">http://www.no-margin-for-errors.com/projects/prettyphoto-jquery-lightbox-clone/</a> (scroll down to the demo section). 2) I'm not sure but I think you can use the "Link manually" option and enter a youtube/vimeo video url there. Shoutbox will automatically apply the lightbox effect to it. rumblefish on "Editing the Lightbox" http://www.kriesi.at/support/topic/editing-the-lightbox#post-32521 Sun, 20 Nov 2011 11:08:29 +0000 rumblefish 32521@http://www.kriesi.at/support/ Thanks Dude. I had to remove the expand button with some css in the end. The allow-resize: false command doesn't keep large images contained within the browser window. One other thing - I need to open a video in the lightbox. How do I create an html hyperlink to do that? Also, is there a way to make the featured images that open embedded videos in a slideshow window, open them in the light box instead? Thanks Dude on "Editing the Lightbox" http://www.kriesi.at/support/topic/editing-the-lightbox#post-32513 Sun, 20 Nov 2011 08:23:52 +0000 Dude 32513@http://www.kriesi.at/support/ Hey, You can change the lightbox settings in js/avia.js. Open up the file and search for following line: <pre><code>elements.prettyPhoto({ "theme": 'premium_photo', 'slideshow': 5000 }); /* facebook /light_rounded / dark_rounded / light_square / dark_square */</code></pre> 1) You can replace "premium_photo" with other skins like "facebook", "light_rounded", etc. 2) You can remove the thumbnail gallery by adding: overlay_gallery: false - the code would look like: <pre><code>elements.prettyPhoto({ "theme": 'premium_photo', 'overlay_gallery': false, 'slideshow': 5000 }); /* facebook /light_rounded / dark_rounded / light_square / dark_square */</code></pre> 3) You can add allow_resize: false to disable the resize feature. The code would look like: <pre><code>elements.prettyPhoto({ "theme": 'premium_photo', 'overlay_gallery': false, 'allow_resize': true, 'slideshow': 5000 }); /* facebook /light_rounded / dark_rounded / light_square / dark_square */</code></pre> rumblefish on "Editing the Lightbox" http://www.kriesi.at/support/topic/editing-the-lightbox#post-32483 Sun, 20 Nov 2011 01:26:06 +0000 rumblefish 32483@http://www.kriesi.at/support/ Hey Dude/Chris A couple of questions about the Prettyphoto Lightbox. 1. How can I turn off the thumbnails displayed over the main image in the lightbox? 2. Is it possible to remove the expand button? It looks very similar to the close button. I'd rather get rid of it altogether. 3. Is there a simple way to edit the overall design of the lightbox? It seems to have a few different styles built into it, but I don't know how to change to a new one (eg square corners instead of rounded). Thanks again! rich