Pirobox V.1.2.1 (last update 8/Dic/2009)slideShow bug fixed reed more..
- The script weight has decreased by 40%, now weighs only 15KB, (9KB Minified)
- There is a choice between three different styles (shadow,white or black)
- Slideshow option More...
- Multiple image set option More...
- PngFix for Internet Explorer 6
- Keyboard navigation: Right arrow [next], Left arrow [prev], ESC [close]
- Previoue and Next buttons outside or inside the imageBox. More...
- Broken Link Check
- Automatic repositioning of the image in the browser window
- Browser compatibility = FireFox 2+, Opera9.5+, Chrome, Safari (Mac/Windows),IE 6+
Demos
- White rounded demo
- Black rounded demo
- Shadow demo with navigation outside imageBox
Change style Single image
Set of images 1
Set of images 2
Image Errore
How to Use:
Choose your style (shadow,white or black) and include one of the three .css in your header.
<link href="css_pirobox/shadow/style.css" media="screen" title="shadow" rel="stylesheet" type="text/css" />
<link href="css_pirobox/white/style.css" media="screen" title="white" rel="stylesheet" type="text/css" />
<link href="css_pirobox/black/style.css" media="screen" title="black" rel="stylesheet" type="text/css" />
Include jQuery.js, pirobox.js and pirobox options in your header.
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/pirobox.1_2_min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$().piroBox({
my_speed: 300, //animation speed
bg_alpha: 0.5, //background opacity
radius: 4, //caption rounded corner
scrollImage : false, // true == image follows the page _|_ false == image remains in the same open position
// in some cases of very large images or long description could be useful.
slideShow : 'true', // true == slideshow on, false == slideshow off
slideSpeed : 3, //slideshow
pirobox_next : 'piro_next', // Nav buttons -> piro_next == inside piroBox , piro_next_out == outside piroBox
pirobox_prev : 'piro_prev', // Nav buttons -> piro_prev == inside piroBox , piro_prev_out == outside piroBox
close_all : '.piro_close' // add class .piro_overlay(with comma)if you want overlay click close piroBox
});
});
</script>In the Body, Add class="pirobox_gall" to any link tag to activate pirobox for a set of images
Example:
<a href="image_1.jpg" class="pirobox_gall" title="your title"><img src="thumb_1.jpg" /></a>
<a href="image_2.jpg" class="pirobox_gall" title="your title"><img src="thumb_2.jpg" /></a>
<a href="image_3.jpg" class="pirobox_gall" title="your title"><img src="thumb_3.jpg" /></a>
To activate Multiple set of images on the same page
All you have to do is add _yourGallName at the class pirobox_gall,(note: each gallery must have the same class).Example:
<h3>Firts gallery</h3>
<a href="image_1.jpg" class="pirobox_gall" title="your title"><img src="thumb_1.jpg" /></a>
<a href="image_2.jpg" class="pirobox_gall" title="your title"><img src="thumb_2.jpg" /></a>
<a href="image_3.jpg" class="pirobox_gall" title="your title"><img src="thumb_3.jpg" /></a><h3>Second gallery</h3>
<a href="image_1.jpg" class="pirobox_gall_work1" title="your title"><img src="thumb_1.jpg" /></a>
<a href="image_2.jpg" class="pirobox_gall_work1" title="your title"><img src="thumb_2.jpg" /></a>
<a href="image_3.jpg" class="pirobox_gall_work1" title="your title"><img src="thumb_3.jpg" /></a><h3>Third gallery</h3>
<a href="image_1.jpg" class="pirobox_gall_work2" title="your title"><img src="thumb_1.jpg" /></a>
<a href="image_2.jpg" class="pirobox_gall_work2" title="your title"><img src="thumb_2.jpg" /></a>
<a href="image_3.jpg" class="pirobox_gall_work2" title="your title"><img src="thumb_3.jpg" /></a>
That's it :)In the Body, Add class="pirobox" to any link tag to activate pirobox for a single image.
Example:
<a href="image.jpg" class="pirobox" title="your title"><img src="thumb.jpg" /></a>Download
pirobox V.1.2.1 , 2175 Downloads
Contact
100 Comments
1
13/Dec/09 - 14:59:59
Lampica wrote:*oops. I said "close the window" when I meant just "close the picture box".2
13/Dec/09 - 14:54:47
Lampica wrote:Yeah, I was gonna say that my method isn't really working so great. For the close button it works in IE8 and FF but not IE7 or 6 (I just hadn't noticed before). I tried messing with the next button and had even less luck. So yeah it would be great if the image itself could be clicked, and set it to do whatever. Go to a url, close the window, or next. I just need it to close, but it seems like that or 'next' or just a link would be the most common basic uses.3
13/Dec/09 - 10:45:44
Diego wrote:Hi David, it's not possible to fix the position of buttons by css only, you should change a few lines of js code, i'm working to integrate the possibility to decide the buttons position just in the pirobox options, like: pirobox_nav: outside, or inside_up, or inside_down. inside_up: buttons are positioned over the image, (this is what you need), inside_down: the actual position of the buttons,just after and before caption area. I'm also working to fix a bug relative to the classes hierarchy in html code, tomorrow or tomorrow after i'll release the upgrade. Regards, Diego4
13/Dec/09 - 00:12:53
David wrote:@Lampica: Thank you for your response. I have enable buttons inside the picture and know exactly what you mean. But absolutely I don´t know how to do it. I could ask too much about some examples? What should I write in css? It would help me. In case my email is hrdy.david @ gmail.com. Thank you very much5
6
12/Dec/09 - 04:49:24
Lampica wrote:@David: I think if you enable the 'prev/next' buttons to be inside the picture (in the script options), then you could just go in the style.css file and set the next button to be width:100%; height:100%; and remove any background image. That will make the next button invisible and cover the whole picture, so if you click on the picture it will go 'next'. I did the same thing with the 'close' button because I wanted it to close if you click anywhere on the pic.7
11/Dec/09 - 20:49:33
David Hrdy wrote:Hi, this is the best "lightbox" which I saw. I immediately used it in my web site. Works perfectly. I have one small request. I need some action by clicking on the photo, the best move to the next photo. Is this possible? Thank you very much, saved me a lot of time the formation of web galleries. Thank8
9
11/Dec/09 - 12:03:54
sikko wrote:Hi, A small error in you css line 26: You should replace this: .pirobox_content table,tbody,tr,th,td{margin:0;padding:0;border:none;} By this: .pirobox_content table,.pirobox_content tbody,.pirobox_content tr,.pirobox_content th,.pirobox_content td{margin:0;padding:0;border:none;} Otherwise the '"tbody,tr,th,td" will not be concerned by the heritage. Bye and thx.10
11
12
09/Dec/09 - 15:41:19
Diego wrote:Hi all, amaroyche and fernando had the same problem with pirobox, they are using ajax to load pirobox, me and amaroyche found the solution, all you have to do is add $('.piro_overlay,.pirobox_content').remove(); before the pirobox initialize call, like this: $(document).ready(function(){ $('.piro_overlay,.pirobox_content').remove(); $().piroBox({ my_speed: 300, bg_alpha:0.5, radius: 4, scrollImage : false, slideShow : 'true', slideSpeed : 3, pirobox_next : 'piro_next', pirobox_prev : 'piro_prev', close_all : '.piro_close' }); }); that's it, thank you Amaroyche13
09/Dec/09 - 13:24:22
Diego wrote:Hi amaroyche like i told to Fernando, do you have an example to show me?? tnx14
09/Dec/09 - 13:11:39
amaroyche wrote:Thanks, very nice plugin, but, like fernando i also have the same problem with ajax retrival of images. after java has loaded image via
ajax i am trying to start pirobox and piro starts to expand with graphics but no image(blank pirobox) and no response on click/close(have to
refresh). i didnt forget to reinitialize pirobox after ajax* coz i see it is starting. Thanks for any help.15
09/Dec/09 - 12:01:06
Lampica wrote:Thanks Diego. I had managed to just pull the script with the 'close-on-scroll' feature off of your demo page this morning and everything is
working great. Is there any difference between the mod script below and the one on the scrolling demo page? I guess you tweaked some
things inside the script to get the close-on-scroll working and the longdesc being used for the caption (I am a novice with JS but now I
see in the script where to set which attribute will define the caption). Maybe at some point you'd consider merging these features back
into the main script build and set up options to turn on/off the close on scroll feature and to change the caption to use whichever
attribute you want, also the feature to turn off resizing. No rush at all. Just if you get the time and feel like merging all the little
improvements that you have done, I'm sure others would also appreciate these features. I have seen many requests to get jqZoom working
like this, but this is the first complete solution. So thank you very much, and don't worry about taking all the time you like with the
preloader. You have done so much already.16
09/Dec/09 - 11:18:40
Diego wrote:Henrik, slideshow bug now is fixed, TNX you for your post, here is the new function at line 314 of my script in header options slideShow : true, and in the script if(opt.slideShow === true){ function slideshow(){ clearTimeout(timer); //alert('clikkato'); if($(piro_gallery).filter('.item').is('.last')){ $(piro_gallery).children().removeAttr('class'); piro_next.add(piro_prev).css('width',my_nav_w+'px'); $('.stop').remove(); $('.c_c').append(piro_play); piro_play.hide(); }else if($(piro_gallery).children().is('.slideshow' )){ piro_next.click(); } } var timer = setInterval(slideshow,opt.slideSpeed*1000 ); } Now it works fine. Diego17
09/Dec/09 - 09:01:02
Diego wrote:Hi Lampica here is mod script www.pirolab.it/pirobox/jqZoom_pirobox.zip Thank you for your feedback, I like improving based on the opinions of those who try pirobox. I'm implementing an array that takes data directly from a string of the script for preloading all images to be loaded with the class pirobox. I managed to finish today but I have a lot of other projects to be pursued, then I'm not sure. Ye Ko tnx alot mate :)18
09/Dec/09 - 07:33:04
Ye Ko wrote:Thank you very much for this plugin, I will use in one of my celebrity design. Thanks again!19
09/Dec/09 - 03:22:25
Lampica wrote:Well that was easy. In the CSS, changing the height and width of .piro_close to height:100%; and width:100%, causes the click-to-close area to cover the entire picture. Then one could either tweak the background image position to get the close button back on the corner, or just remove the background image on .piro_close to get rid of the button (since clicking anywhere will close it now anyway). So that has got everything sorted, and for my purposes your script has now achieved perfection. The only further improvement I can think of would be to start pre-loading large images once the whole page has finished loading and rendering. So should I just pull the modded script out of your demo page?20
09/Dec/09 - 02:53:54
Lampica wrote:Wow! The demo is great. Now pirobox does several things that no other lightbox type script I have seen does. It can close on scroll (amazed you implemented this so fast), or it can stay centered when scrolling. Both of which are great features. The button to open the pic in a new window/tab is a nice touch too. It also combines the very best aspects of other scripts, like using a clean simple syntax which works well for fallback. Plus it works great with jqZoom.. Really top notch Diego. I'll mess with the CSS this morning to see if I can get the close button to cover the whole image so clicking anywhere at all will close it.21
08/Dec/09 - 21:24:02
Diego wrote:Hi Lampica, in the example i posted before, i just added class pirobox to the href and it works, about caption, i think that JQZoom use the same attribute to give a description in the zoom box, and i don't know why it takes off the description from pirobox caption, i can use a trick to fix it, as you know, for long description you can add this attribute to images <img src="bla.jpg" longdesc="bla bla bla bla bla bla" /> i'll send you a mod version of pirobox where you can add the description in that attribute. Take a look at the demo i've done and tell me, http://www.pirolab.it/pirobox/jqZoom_pirobox/demo/ KOS tnx alot. Fernando ciao, do you have an example to show so i can realize what's the bug? TNX22
08/Dec/09 - 19:11:41
Fernando wrote:Hey, very nice work :D Surelly, one of the most beatyful lightbox-like plugins I ever seen. But... I think i found a small bug =[ I preload my galleries through ajax... User clicks "Gallery 1", for example, and it preloads the image/links inside a div, with no need to refresh the page. Okay, the first gallery opens, and the script works prefectly. But, if user clicks to open another gallery, then click into a image to zoom it, the script start, preload the image, resize the lightbox then... stop; It seems calling $().pirobox(); in first time, works. Calling it again (To apply into new images loaded), without refresh the page, results that an error.23
24
08/Dec/09 - 11:24:44
Lampica wrote:Hey thanks. Yeah I figured out that they worked together also. In fact they work wonderfully together. What I did is just tell JQZoom to use .pirobox as it's class (didn't work when I tried adding both classes to the link). So cool that they work together. The only real problem I have now is that the caption under the large image says "/path/to/file/filename.jpg" which is no good. I expect that this should actually say the "title" that we give the image but something is wrong? I wonder if it may be because of combining the two scripts.. The following is not a serious problem, but it would be a big improvement I think. I am often amazed at how some people have a hard time with really obvious things like closing a window. I have seen it in usability tests countless times. Something opens and there is a big button that no one could ever miss to close the thing but they get all frustrated and can't figure it out. It is kind of funny. So for the closing function, ideally I would like it to close if they: A: click outside the image (.piro_overlay does this already so no problem here). B: click anywhere on the image (.piro_close only seems to work with the little close button, but maybe I can tweak your CSS to make the close button 100% the size of the window, and use no graphic, so that clicking anywhere will close it? I will look into that option). C: if they scroll the page (ideally it would close if they scrolled more then a certain amount but having it close if they scroll at all would be ok too). This way it will close no matter what they do. It is not a big deal though. It works great as it is. If it could close under all three circumstances above that would just be perfect, but it is not all that important. Thanks again Diego, you are too awesome!25
08/Dec/09 - 10:19:59
Diego wrote:Jacko tnx alot, but out there there are alot of great plugins, i don't know if worse or better then mine, all i know is that sharing knowlege is the only way to grow up and improve! Lavinia you are welcome :) Marc Keeley (yw), i modified the script and i'll give you the mod js, only an advice: Just suppose that you have an image 1280x1024 px, and the screen of the user is equal or smaller, if the image width is bigger then window width ( you have to include nav buttons and close button) here comes the problem, with no resize control you risk that image will be displayed badly. My advice is that you should use images of maximum width equal to 1000px. Anyway here is the mod js: www.pirolab.it/pirobox/piroBox.1_2.js.txt I hope it works correctly. Hi Lampica,I did a little test and it works, http://www.pirolab.it/pirobox/jqZoom_pirobox/demo/ 1: Is there any way to make the window close when the user clicks anywhere at all and/or scrolls the page? just replace this in your pirobox options: close_all : '.piro_close,.piro_overlay' 2: Is there a way to preload the large images (but only after the page finishes loading)? I'm working on it Brian tnx. Any question, i'm here :)26
27
08/Dec/09 - 05:22:22
Lampica wrote:Hi Diego, This script looks fantastic! Great job man, and thank you for sharing it. I just have a couple questions. 1: Is there any way to make the window close when the user clicks anywhere at all and/or scrolls the page? 2: Is there a way to preload the large images (but only after the page finishes loading)? 3: I want to use this with JQZoom http://www.mind-projects.it/projects/jqzoom/index.php#documentation and it looks like I maybe can just add JQzoom's classes along with pirobox's classes and it may just work (provided there are no conflicts or anything), since JQZoom activates on hover and pirobox activates on click. I am going to go ahead and try it but if you have any advice on getting it working I would be grateful. Maybe it will just work, in which case I'll let you know.28
08/Dec/09 - 04:33:16
Marc Keeley wrote:Hi Thanks for the great control. Just wondered what needs to be changed to stop it from scaling the image. I'd be displaying a screen shot of icons and so would need it displayed actual size. Thanks.29
07/Dec/09 - 08:17:41
Lavinia wrote:Hi Diego, I didn't thank you for the upgrades, so thank you!! I like that you are very open to suggestions :) I wish you all the best!30
06/Dec/09 - 21:21:55
Jacko wrote:this gallery truly is fantastic, from what ive managed to find on the net (and i have been looking for ages) this is the best by miles, it runs so smoothly on all the browsers ive tried it on, inc IE (which is a first), it looks great, and its so compact (Y) great work Diego (Y)31
04/Dec/09 - 14:53:42
Diego wrote:
Thank you all for positive comments :) Cambria i am glad to know that works fine, the best way to generate valid code is: <ul class="your_class"> <li></li> <li style="display:none;"></li> <li style="display:none;"></li> <li style="display:none;"></li> <li style="display:none;"></li> </ul> Keeping the rest of the list hidden. Diego
32
04/Dec/09 - 12:14:05
Cambrai wrote:Hi Diego, thanks for the " " fix, i didn't even think of it since I thought it wasn't w3c valid. But my document was successfully checked as XHTML 1.0 Strict so, thanks again for the reminder and all your great work.33
34
35
36
02/Dec/09 - 19:56:06
Diego wrote:Hi Cambrai : all you have to do is: <h3>Firts gallery</h3><!--hidden--> <!--hidden--> <h3>Second gallery</h3>
37
02/Dec/09 - 17:42:41
Frank wrote:Hallo, I have a few questions about your pirobox: 1. Why are my images in pirobox smaller, that they should be? My gallery images have 700x560px. I can not find any settings about image dimesions. 2. Where can I change the word " x of x" in caption box? I would like to put that word in my language. 3. Is it possible to change the background color of caption box, and shadow color in main box? I would appreciate your answers. By, Frank38
02/Dec/09 - 17:16:04
Cambrai wrote:Hi Diego Is there a way to load a gallery by clicking a single image ? So that I have one clickable thumb to open each gallery. As always, thank you !39
01/Dec/09 - 23:58:20
Kevin Geller wrote:[quote]"Have you considered adding a preload function for the "next" and "prev" images in the future?" can you explain it better?[/quote] i think he mean a picture gallery with big images like hi-res pics we use this tool for shopsgallery and if there are any big images the change between two big images should take a long time, so the best way should the preload of the next/prev image should be the best way to prevent any loading time (sorry for problems on reading , my english is a little rusty)40
01/Dec/09 - 20:00:36
Diego wrote:Bogdan Klichuk , If you ask intelligent questions I can answer, otherwise this is my space and run it as I want, okay?41
01/Dec/09 - 16:14:40
Bogdan Klichuk wrote:That is not a nice way to delete my comments without explanations. Normal administrators should show the reason. This one you also can delete. Thank you, by the way, for nice plugin.42
01/Dec/09 - 12:03:36
Diego wrote:Hi Henrik, you'r right, just fixed bug adding a true false statement to activate the slideshow, thanks for reporting, make a few more tests. What do you mean by "Have you considered adding a preload function for the "next" and "prev" images in the future?" can you explain it better? Diego43
01/Dec/09 - 09:26:32
Error thrown for slideshow wrote:Hi, great plugin. It really got the features I need. But I have problem when disabling the slideshow feature. If I set slideshow : '' in the loadPirobox function and then load the page an error is thrown on line 323 (statement: if($(piro_gallery).children().is('.' + opt.slideShow )) ). I didn't need the slideshow feature so I just added a "return;" statement at the beginning of the slideshow function to fix it. Have you considered adding a preload function for the "next" and "prev" images in the future? Regards, // Henrik44
30/Nov/09 - 09:13:57
Diego wrote:Hi hidayath , no my project is open source, you can download it and use , just leave the credits in js, that's all, have fun.45
30/Nov/09 - 06:58:32
hidayath wrote:Hi... I need your permission to include this wonderful kind of Gallery at http://hgalcollection.0fees.net/Galleries-a/ Do I need any license notes to include in the pirobox.js code or what exactly I need to do?46
47
28/Nov/09 - 13:03:59
Diego wrote:Sandro la versione è ora diponibile per il download, fai una prova se non funziona mandami il link che vediamo.48
28/Nov/09 - 12:40:46
Diego wrote:Mario, pirobox is a project open source just read the licence, http://creativecommons.org/licenses/by/3.0/ All you have to is follow the licence rules :) Sandro ciao, sto per mettere online una versione con dei bug fixati, scaricala e vediamo di riuscire a farla funzionare come si deve sul tuo sito. Diego49
28/Nov/09 - 12:20:25
alexabate wrote:Ciao Diego , I,m tring to use this version of pirobox but nothing... it does not work at all. La versione precedente invece funzionava benissimo, ho dovuto fare dietro front e usare invece slimbox che però a mio avviso è banale e non mi piace per niente.( If you visit my site don't pay attention to the look because i'm still working on it). What i.m doing wrong? Best regards Sandro50
28/Nov/09 - 11:15:36
Mario wrote:Hi! Can I use pirobox in commercial projects for resell and redistribute as part of my project/software? Mario51
27/Nov/09 - 15:56:55
Diego wrote:Hi Kevin , I had not thought of this, assuming that if one has a single image, use the appropriate class "pirobox", you've pointed out one more thing that could save me lines of code, rather than using a specific function for individual images, i can simply do a check on the number of images in the gallery and then set the navigation or not, thanks for the comment Diego52
27/Nov/09 - 15:10:01
Kevin Geller wrote:i've used your pirobox the first time and found one little problem, if there is only 1 pic in gallery the box show the prev button . after click on button , i only see the pic without desc. and buttons to close. so the box hang up with a little unclean hack i've disabled both buttons in line 168 i've add if(number == '1 of 1') { piro_prev.hide(); piro_next.hide(); } so if the image contain the 1 of 1 numberinfo the buttons will be hidden53
27/Nov/09 - 07:28:34
Diego wrote:Ciao Franco, si sei libero di utilizzare il plugin come vuoi,leggi solo http://creativecommons.org/licenses/by/3.0/ che è la licenza sotto cui è rilasciato pirobox. Diego54
26/Nov/09 - 23:54:55
franco wrote:ciao, volevo sapere se Pirobox è gratuito e se è possibile utilizzarlo sia per uso personale che commerciale. complimenti per il lavoro che hai fatto saluti da milano franco55
26/Nov/09 - 11:08:52
Diego wrote:Kona :) ________________________ Jimothy you mean, once the slideshow reaches the last image, automatically restarts from the first? Yes i could do it and add another option,but i wouldn't make the pirobox installation too complicated. See what people say about it.56
57
26/Nov/09 - 01:30:17
jimothy wrote:Very nice work! Are there any plans to make sets/slideshows loopable?58
59
60
61
62
63
64
21/Nov/09 - 23:43:58
Diego wrote:Tnx Michael :) Bugi do you have any example online to show?? I did't change much, just added 2 options that's it, check all files dependence, i've changed css classes so you have to update css too. If you want you can show me an example or send me the page at diegovalobra@gmail.com Petr tnx alot :)65
21/Nov/09 - 22:29:35
Petr Kapsia wrote:Great work! Thank you wery much for your pirobox, it is beautiful piece :)66
21/Nov/09 - 22:11:01
Bugi wrote:Hi! I have a problem with new version. When i used previous version it worked fine with mootools ( i used jQuery.noConflict(); and worked ) but now it does not anymore. Any clues how to fix this?67
21/Nov/09 - 17:48:09
Michael wrote:Hi, I really like your pirobox and will use it on my Portfolio. Greetings Michael68
21/Nov/09 - 14:17:53
Diego wrote:LAST VERSION IS HERE, +SLIDESHOW+, +MULTIPLE GALLERIES+ TNX all for your precious comments. Diego69
21/Nov/09 - 10:47:52
Diego wrote:Hi dr3w, i've tryed to fix bugs for opera 9 but i gave up, that browser version is so obsolete and unused (take a look here w3schools Opera statistics ), I decided not to waste time with it. I've tested pirobox with opera 9.5, 10, internet explorer 6/7/8, chrome, safari, firefox 2/3 and it works fine, the only browser that gives lots of problems is opera 9 but as you can see in the statistics is absolutely useless. Sorry about it, i'm a webdesigner, not a browser developer :) Erick, backSpace wont work for a little bug in pirobox, am going to make available the working version. TNX70
21/Nov/09 - 08:37:34
dr3w wrote:Code works smooth in FF3, Opera 10 under Ubuntu; in FF3,5 under Windows XP The animation is a little bit buggy in IE7 (well, its a known issue); It works unpredictable in IE6 (under Ubuntu though via Wine, so I'm not quite sure whether it is script problem; fixPNG doesn't seem to work, wrote just in case..) Unfortunately It crashes in Opera 9.24 under Windows = Such a pitty, is it a known bug? Would it be fixed? 'Cause I like this *box due to its simplicity and great look, but this uncompatibility just wont let me use it in my site...71
21/Nov/09 - 02:33:02
Erick Gonzalez-Cardona wrote:What If I want to open html text with it? By the way, I can't backspace on this textarea.72
73
74
20/Nov/09 - 14:56:51
Diego wrote:Dr3w, i'm testing the script to see if it has bugs, tomorrow the plugin version with the multiple galleries and slideshow options will be avaliable to download. Diego75
20/Nov/09 - 13:37:21
dr3w wrote:Hi, Diego. You wrote that you are going to release v.1.2, where it would be possible to have multiple galleries on same page. v.1.2 is out now, does it have this feature already? if it does, how could i specify gallery (without interfering in the source code)76
77
78
20/Nov/09 - 10:51:04
dr3w wrote:Great plugin ideed, everything I was looking for combined in one. (:79
80
18/Nov/09 - 18:15:42
diego wrote:Sites Internet Cambrai: i'll add to my page the upgrade date soon, anyway, last update has been the 14th of november. Warp, i just finished the slideshow and the option to have more galeries in the same page, i'm testing the script , next days will be online, tnx for your usefull comments. Vladimir, glade that you came across that issue alone :) TNX all 4 your comments81
18/Nov/09 - 18:02:17
Diego wrote:Jason: the only thing could be that with keyboard navigation i used the backSpace to close the gallery, it causes lots of problems ,i'm gonna take it out, but if you want try yourself go to line 288 and change this if (c.keyCode === 27 || c.keyCode === 8) with if (c.keyCode === 27) Let me know if that's the pro, tnx 4 your post82
18/Nov/09 - 12:30:14
warpdesign wrote:Another suggestion btw: the ability to fire the slideshow from any link... :)83
18/Nov/09 - 10:18:55
Sites Internet Cambrai wrote:Congratulations and thanks for this very beautiful script, is there a way to know when the script was last updated ? Maybe by displaying the date on your site or script page ? Thanks a lot again !84
18/Nov/09 - 07:33:06
Vladimir wrote:sorry for question I posted, I've overseen all parameters are there:) ...I'm overworked...85
18/Nov/09 - 01:49:19
jason wrote:Hi Diego, Great job in this plugin! =) I have a question though. Does your plugin, in anyway, affects the session of the browser? I tried using your plugin in a website (I am creating) which uses sessions. When I try to click on the image and close the "pirobox" dialog seems like the session id is modified, because when I try to navigate to other pages, that relies on the session as authentication, I am redirected to my login page to re-authenticate my identity as a user of my website. So I was under the impression that my session id was modified, since I was logged out. So, does your plugin affects the session in the browser in anyway? I didn't tinker on the plugin code yet. Do you have any idea what may have cause this weird behavior?86
18/Nov/09 - 00:08:25
Vladimir wrote:Hello Diego, Fantastic gallery! Stylish, functional, really above the others. Just one thing bothers me, I cannot seem to activate black or white version properly. The navigation arrows always stay as they are in shadow version, no matter which one i choose...
I didn't touch anything except commenting out shadow css and activating black/white one...87
17/Nov/09 - 23:54:20
Diego wrote:Warm you gave one more issue to resolve :) I will release in the next few days pirobox 1.2 with more options: 1)slideshow 2)more galeries in the same page 3)load iframe, swf, and content inline TNX all for your comments88
17/Nov/09 - 23:40:12
warpdesign wrote:Yes, I'd like to have several galeries. Any chance to be able to specify the class in the plugin init ? Tried to hack the plugin a little by adding a "gallery" plugin, and having something like: var gallery = $(opt.gallery); // ... $(opt.gallery + ':first')... $(opt.gallery + ':last)... but's not enough to be able to call the plugin twice...89
17/Nov/09 - 23:29:43
diego wrote:Warm you mean more then one gallery in the same page?? like: <ul id="first=> <li><a href="first.jpg" class="pirobox-gall"></li> <li><a href="second.jpg" class="pirobox-gall"></li> <li><a href="third.jpg" class="pirobox-gall"></li> </ul> <div>bla bla bla bla bla</div> <div>bla bla bla bla bla</div> <div>bla bla bla bla bla</div> <div>bla bla bla bla bla</div> <div>bla bla bla bla bla</div> <ul id="second=> <li><a href="first.jpg" class="pirobox-gall"></li> <li><a href="second.jpg" class="pirobox-gall"></li> <li><a href="third.jpg" class="pirobox-gall"></li> </ul> Do you mean this??90
17/Nov/09 - 21:19:52
warpdesign wrote:hm... What if the gallery is found elsewhere in the DOM ? For example: <li>![]()
</li> ... ... ... <ul id="gal1"> <li><img src="" /> </li> <!-- first image to be displayed when clicking on link above... --> <li><img src="" /> </li> <!-- second image to be displayed when clicking on link above... --> ... </ul>
91
17/Nov/09 - 18:08:50
Justin Moon wrote:Hello, great plugin, to be truly perfect, should open iframe and inline content, have you thought about adding this option? All three skins are beautiful, and I imagined this plugin with those options added. I think it would be the most beautiful and complete of those now on the web. Regards, Jus92
93
94
17/Nov/09 - 14:57:57
warpdesign wrote:
Wonderful plugin !! Is there a way to run the display by hand ? ie: I'd have all pics with class 'pirobox_gall' hidden, and I'd like a click on a link to begin displaying the first .pirobox_gall link... Anyway to do that ?95
17/Nov/09 - 12:48:08
Diego wrote:
Hi Wyai and tnx for your comment, i saw the page and i think there's a var conflict between the 2 scripts, can you send me the page at this email diegovalobra@gmail.com ?? i will try to fix your problem.96
17/Nov/09 - 12:37:24
Wyai Ruan wrote:
Hi Diego, you have done a very nice plugin for a gallery, which in my opinion by far (like Lavinia says) is the nicest one coming across to. I'm building a wedding website for my marriage and am implementing your Pirobox for the effect. Previously I implemented the use of Highslide JS (http://highslide.com), but it was giving me a lot of bugs in IE6, which made me gave up and look for other plugins. So decided to browse around for better galleries and came across Pirobox. I used the "White rounded" version to implement into my photo gallery page, but when doing so, the plugin failed and does not show on the web preview. I assume it is a clash in the jQuery script, because I'm also using the jQuery pagination (http://plugins.jquery.com/project/pagination) to sort the galleries. I am positive the bug is not coming from your plugin because when loading just Pirobox alone, the gallery works. Vice versa, when loading just the pagination, it works. But not working when both are loaded. I read some articles about a plausible solution via using the "jQuery.noConflict" script (http://docs.jquery.com/Using_jQuery_with_Other_Libraries), but tried it and still not turning it out correctly. I'm new to jQuery scripting and am looking for guidance in this area to find a solution that will untie the knot for the plugin clashes. I truly like the Pirobox effect and really want to use this plugin---definitely not looking to give it up. Diego, it would be much appreciated if you can give me some pointers. Here's a staging preview of my photo gallery page that's not loading the plugins correctly: http://www.whymindy.com/wedding/outdoor_test2.html Perhaps anyone looking at this comment can offer your feedback too. Many thanks for taking the time to read my comment and thank you in advance for your help.97
16/Nov/09 - 17:48:32
Lavinia wrote:
Thank you Diego, I'm looking forward to the upgrade. I must admit this is the nicest lightbox plugin that I've seen that suits my needs, and the slideshow is the only thing that is missing in my opinion. Keep up the good work ;)98
16/Nov/09 - 14:49:36
Diego wrote:
Hi Lavinia, tnx for your comment, yes i think i'm going to add this option soon.99
16/Nov/09 - 14:45:42
Lavinia wrote:
Thank you for this great gallery plugin, works and looks very nice. I was wondering if you ever thought about adding a slideshow functionality (start/stop slideshow button or something like this... )100
15/Nov/09 - 23:21:05
Diego Valobra wrote:
Klichuk alias Klichukb your ip is: 94.231.65.145 Ukraine Lvov, i deleted your comments. Do not POST anymore.
via pirolab.it