Support Forum - Topic: Download links inside the lightbox

Support Forum - Topic: Download links inside the lightbox http://www.kriesi.at/support/topic/download-links-inside-the-lightbox Support Forum - Topic: Download links inside the lightbox en-US Fri, 24 May 2013 19:45:22 +0000 http://bbpress.org/?v=1.0.2 <![CDATA[Search]]> q http://www.kriesi.at/support/search.php Dude on "Download links inside the lightbox" http://www.kriesi.at/support/topic/download-links-inside-the-lightbox#post-94262 Thu, 31 Jan 2013 07:23:37 +0000 Dude 94262@http://www.kriesi.at/support/ Hi! Thanks for the hint :) Best regards, Peter nuforms on "Download links inside the lightbox" http://www.kriesi.at/support/topic/download-links-inside-the-lightbox#post-94232 Wed, 30 Jan 2013 22:45:29 +0000 nuforms 94232@http://www.kriesi.at/support/ Dude, Thanks for this solution! First I thought prepend method works best for me, since you can add html element where you want without replacing existed content like html does, it cuts out all content from block which is applied to. Only one small problem with prepend, when you browse more than one image in prettyphoto gallery, it prepend urls to existed ones, so after switching some images you have mix of urls :) So it's better to use html: First insert: <code><div class="pp_download_place"></div> \</code> Before: <code><a class="pp_close" href="#">Close</a> \</code> And then as you described with html method: <code>$pp_pic_holder.find('.pp_details .pp_download_place').html('<a class="pp_download" href="'+pp_images[set_position]+'"></a>');</code> BR, Aleksandr Dude on "Download links inside the lightbox" http://www.kriesi.at/support/topic/download-links-inside-the-lightbox#post-24472 Tue, 09 Aug 2011 20:11:11 +0000 Dude 24472@http://www.kriesi.at/support/ Glad that I could help you :) Monsoon on "Download links inside the lightbox" http://www.kriesi.at/support/topic/download-links-inside-the-lightbox#post-24468 Tue, 09 Aug 2011 17:59:57 +0000 Monsoon 24468@http://www.kriesi.at/support/ /clap that did it thank you so much I have been banging my head on the desk and it was so simple :) Dude on "Download links inside the lightbox" http://www.kriesi.at/support/topic/download-links-inside-the-lightbox#post-24422 Tue, 09 Aug 2011 05:57:18 +0000 Dude 24422@http://www.kriesi.at/support/ Ok, I looked into it and the problem is that the parser function doesn't use the markup itself but only small snippets. The easiest way is to replace: <pre><code>image_markup: '<img id="fullResImage" src="{path}" />',</code></pre> with: <pre><code>image_markup: '<img id="fullResImage" src="{path}" /><a class="pp_download" href="{path}">Download</a>',</code></pre> Another way is to use the jquery append functions: <a href="http://api.jquery.com/append/" rel="nofollow">http://api.jquery.com/append/</a> , <a href="http://api.jquery.com/prepend/" rel="nofollow">http://api.jquery.com/prepend/</a> and/or the html function: <a href="http://api.jquery.com/html/" rel="nofollow">http://api.jquery.com/html/</a> to inject the download link somewhere. You can write your code after following line: <pre><code>$pp_pic_holder.find('#pp_full_res')[0].innerHTML = settings.image_markup.replace(/{path}/g,pp_images[set_position]);</code></pre> and you can use this variable: <pre><code>pp_images[set_position]</code></pre> to get the image url. I'm not sure what's the best methode because you can rearrange and style the download link with html classes and css too. Monsoon on "Download links inside the lightbox" http://www.kriesi.at/support/topic/download-links-inside-the-lightbox#post-24393 Mon, 08 Aug 2011 20:35:13 +0000 Monsoon 24393@http://www.kriesi.at/support/ Nahh tried that and the url becomes /folder/{path} the {path} is not being rewritten with the image location. I looked for a solution for weeks and gave up last may If you can make it work you will make a lot of people on the prettyphoto forums happy. I have no idea why the author after 8 months of being requested to add the option to have a download link still hasn t come through. Dude on "Download links inside the lightbox" http://www.kriesi.at/support/topic/download-links-inside-the-lightbox#post-24387 Mon, 08 Aug 2011 17:54:36 +0000 Dude 24387@http://www.kriesi.at/support/ Yes of course :) Monsoon on "Download links inside the lightbox" http://www.kriesi.at/support/topic/download-links-inside-the-lightbox#post-24385 Mon, 08 Aug 2011 17:44:54 +0000 Monsoon 24385@http://www.kriesi.at/support/ You mean in the jquery.prettyPhoto.js ? Dude on "Download links inside the lightbox" http://www.kriesi.at/support/topic/download-links-inside-the-lightbox#post-24244 Sat, 06 Aug 2011 08:28:50 +0000 Dude 24244@http://www.kriesi.at/support/ I didn't look into it in detail and maybe I'm missing something but it seems pretty easy to implement a download link. Prettyphoto uses this code: <pre><code><img id="fullResImage" src="{path}" /></code></pre> to generate the main/fullwidth image. I assume that you can use the parameter everywhere in the code - i.e. it should be possible to replace: <pre><code>{pp_social} \ <a class="pp_close" href="#">Close</a> \</code></pre> with: <pre><code>{pp_social} \ <a class="pp_download" href="{path}">Download</a> \ <a class="pp_close" href="#">Close</a> \</code></pre> Maybe styling, etc. is required but the code itself should work.... Monsoon on "Download links inside the lightbox" http://www.kriesi.at/support/topic/download-links-inside-the-lightbox#post-24218 Fri, 05 Aug 2011 20:50:15 +0000 Monsoon 24218@http://www.kriesi.at/support/ A crapload of people for more than a year have been asking the guy who develops the lightbox (prettyphoto) to provide a simple way to have a download link in the lightbox. I spent countless hours trying to do so and had to use serious hacks to work around which is really stupid when all you need is a simple link to the asset. The only thing I could do was to pass the url of the image to another page. For your page you should be able to duplicate the place where it links to the lightbox in full size and remove the rel=prettyphoto or whatever the rel is so that it simply links to the image instead of launching the lightbox. Does that make sense? ie the button you have that says ORIGINAL, duplicate the code that generates that and remove the rel= and that should work EDIT: oh wait I think the theme rewrites the links hmmm devilstar1987 on "Download links inside the lightbox" http://www.kriesi.at/support/topic/download-links-inside-the-lightbox#post-24203 Fri, 05 Aug 2011 13:16:49 +0000 devilstar1987 24203@http://www.kriesi.at/support/ Hey guys, Is it very complicated to add a download image button to the lightbox? I've got it working so that you can view all the different sized images on the page (similar to how flickr works) however there is no way to download them! you can see an example here <a href="http://www.pixelcove.co.uk/4colourprogress/pixels/picture/99/" rel="nofollow">http://www.pixelcove.co.uk/4colourprogress/pixels/picture/99/</a>