5 Best Data Visualization Projects of the Year – 2009 | FlowingData
16 12 2009
Comments : Leave a Comment »
Categories : Uncategorized
piroBox v.1.2, jQuery 1.3.2 plugin
14 12 2009Pirobox 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 Shadow Rounded white Rounded black 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
12/Dec/09 – 09:52:42
Dexter wrote:Gooooooooood effect it's perfect for my work :O6
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
11/Dec/09 – 13:27:14
diego wrote:sikko thank you for the valuable reporting!!!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
10/Dec/09 – 15:50:00
Diego wrote:Nguyen Phat Tai, TNX11
10/Dec/09 – 03:42:59
Nguyen Phat Tai wrote:Nice Slide Show12
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 viaajax 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 torefresh). 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 isworking great. Is there any difference between the mod script below and the one on the scrolling demo page? I guess you tweaked somethings 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 Isee in the script where to set which attribute will define the caption). Maybe at some point you'd consider merging these features backinto the main script build and set up options to turn on/off the close on scroll feature and to change the caption to use whicheverattribute 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 littleimprovements that you have done, I'm sure others would also appreciate these features. I have seen many requests to get jqZoom workinglike 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 thepreloader. 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 mate18
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 workSurelly, 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
08/Dec/09 - 15:10:28
KOS wrote:I like it!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 welcome26
08/Dec/09 - 08:25:16
brian wrote:i like it27
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 suggestions30
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
</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
04/Dec/09 - 10:06:09
Elena wrote:Very beautiful! Thanks!34
04/Dec/09 - 06:45:58
mushtaq wrote:good35
03/Dec/09 - 14:06:16
Julien wrote:Thank you Diego to share this script.
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
29/Nov/09 - 11:07:31
Daniel wrote:great plugin47
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 rules49
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:Kona56
26/Nov/09 - 05:18:19
kona wrote:nice gallery, thank author57
26/Nov/09 - 01:30:17
jimothy wrote:Very nice work! Are there any plans to make sets/slideshows loopable?58
25/Nov/09 - 21:08:58
Diego wrote:TNX Ponsakthi Anand59
25/Nov/09 - 18:40:10
Ponsakthi Anand wrote:awesome work.60
24/Nov/09 - 23:04:24
Nicola wrote:Great plugin, my link, www.myspace.com/iam_pure61
24/Nov/09 - 22:54:21
Diego wrote:TNX Albert!62
24/Nov/09 - 17:43:45
Bill Wang wrote:comments63
22/Nov/09 - 18:36:59
Albert Yao wrote:Beautiful design, thanks.64
21/Nov/09 - 23:43:58
Diego wrote:Tnx Michael65
21/Nov/09 - 22:29:35
Petr Kapsia wrote:Great work! Thank you wery much for your pirobox, it is beautiful piece66
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 developer70
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
20/Nov/09 - 17:14:04
Diego wrote:Tnx alot Dr3w!!73
20/Nov/09 - 15:11:06
dr3w wrote:That's just great! Hats off for keeping such a great level (: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
20/Nov/09 - 11:26:47
Diego wrote:Rafael, Dr3w, Sham, TNX alot. Diego77
20/Nov/09 - 11:16:09
sham wrote:very impresave78
20/Nov/09 - 10:51:04
dr3w wrote:Great plugin ideed, everything I was looking for combined in one. (:79
19/Nov/09 - 18:34:50
Rafael wrote:Beautiful design, thanks.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 alone81
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 ===with if (c.keyCode === 27) Let me know if that's the pro, tnx 4 your post
82
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 resolve88
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
17/Nov/09 - 16:39:02
Mark Oshelly wrote:Very nice plugin93
17/Nov/09 - 15:45:03
Diego wrote:Warp here is an example: image link hope it help you !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 work98
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.
Comments : Leave a Comment »
Categories : Uncategorized
piroBox v.1.2, jQuery 1.3.2 plugin
14 12 2009Pirobox 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 Shadow Rounded white Rounded black 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 itIn 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
12/Dec/09 – 09:52:42
Dexter wrote:Gooooooooood effect it's perfect for my work :O6
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
11/Dec/09 – 13:27:14
diego wrote:sikko thank you for the valuable reporting!!!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
10/Dec/09 – 15:50:00
Diego wrote:Nguyen Phat Tai, TNX11
10/Dec/09 – 03:42:59
Nguyen Phat Tai wrote:Nice Slide Show12
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 viaajax 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 torefresh). 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 isworking great. Is there any difference between the mod script below and the one on the scrolling demo page? I guess you tweaked somethings 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 Isee in the script where to set which attribute will define the caption). Maybe at some point you'd consider merging these features backinto the main script build and set up options to turn on/off the close on scroll feature and to change the caption to use whicheverattribute 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 littleimprovements that you have done, I'm sure others would also appreciate these features. I have seen many requests to get jqZoom workinglike 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 thepreloader. 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 mate18
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 work23
08/Dec/09 - 15:10:28
KOS wrote:I like it!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 welcome26
08/Dec/09 - 08:25:16
brian wrote:i like it27
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 suggestions30
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
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
04/Dec/09 - 10:06:09
Elena wrote:Very beautiful! Thanks!34
04/Dec/09 - 06:45:58
mushtaq wrote:good35
03/Dec/09 - 14:06:16
Julien wrote:Thank you Diego to share this script.36
02/Dec/09 - 19:56:06
Diego wrote:Hi Cambrai : all you have to do is: <h3>Firts 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
29/Nov/09 - 11:07:31
Daniel wrote:great plugin47
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 rules49
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:Kona56
26/Nov/09 - 05:18:19
kona wrote:nice gallery, thank author57
26/Nov/09 - 01:30:17
jimothy wrote:Very nice work! Are there any plans to make sets/slideshows loopable?58
25/Nov/09 - 21:08:58
Diego wrote:TNX Ponsakthi Anand59
25/Nov/09 - 18:40:10
Ponsakthi Anand wrote:awesome work.60
24/Nov/09 - 23:04:24
Nicola wrote:Great plugin, my link, www.myspace.com/iam_pure61
24/Nov/09 - 22:54:21
Diego wrote:TNX Albert!62
24/Nov/09 - 17:43:45
Bill Wang wrote:comments63
22/Nov/09 - 18:36:59
Albert Yao wrote:Beautiful design, thanks.64
21/Nov/09 - 23:43:58
Diego wrote:Tnx Michael65
21/Nov/09 - 22:29:35
Petr Kapsia wrote:Great work! Thank you wery much for your pirobox, it is beautiful piece66
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 developer70
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
20/Nov/09 - 17:14:04
Diego wrote:Tnx alot Dr3w!!73
20/Nov/09 - 15:11:06
dr3w wrote:That's just great! Hats off for keeping such a great level (: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
20/Nov/09 - 11:26:47
Diego wrote:Rafael, Dr3w, Sham, TNX alot. Diego77
20/Nov/09 - 11:16:09
sham wrote:very impresave78
20/Nov/09 - 10:51:04
dr3w wrote:Great plugin ideed, everything I was looking for combined in one. (:79
19/Nov/09 - 18:34:50
Rafael wrote:Beautiful design, thanks.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 alone81
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 ===82
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 resolve88
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
17/Nov/09 - 16:39:02
Mark Oshelly wrote:Very nice plugin93
17/Nov/09 - 15:45:03
Diego wrote:Warp here is an example: image link hope it help you !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 work98
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.
Comments : Leave a Comment »
Categories : Uncategorized
Download free DVD, iPod, YouTube video converter and editor software and freeware
14 12 2009One installation for all programs
Free YouTube software
- Free YouTube Download 2.3.3.68 Download (10.7 Mb) | Overview | How to use
- Free YouTube to MP3 Converter 3.2.3.69 Download (12.1 Mb) | Overview | How to use
- Free YouTube to iPod and PSP Converter 3.2.3.68 Download (10.6 Mb) | Overview | How to use
- Free YouTube to iPhone Converter 2.2.3.68 Download (10.6 Mb) | Overview | How to use
- Free YouTube Uploader 2.3.1.55 Download (8.1 Mb) | Overview | How to use
Free video and audio conversion software
- Free DVD Video Converter 1.1.2.28 Download (11.7 Mb) | Overview | How to use
- Free Video to DVD Converter 1.2.1.54 Download (12.2 Mb) | Overview | How to use
- Free Video to Flash Converter 4.2.1.61 Download (11.0 Mb) | Overview | How to use
- Free 3GP Video Converter 3.2.1.56 Download (7.2 Mb) | Overview | How to use
- Free Video to iPod and PSP Converter 3.2.1.63 Download (10.4 Mb) | Overview | How to use
- Free Video to iPhone Converter 2.2.1.57 Download (10.4 Mb) | Overview | How to use
- Free Video to MP3 Converter 3.2.1.58 Download (10.4 Mb) | Overview | How to use
- Free Video to JPG Converter 1.5.1.54 Download (7.1 Mb) | Overview | How to use
- Free Audio Converter 1.2.1.58 Download (7.0 Mb) | Overview | How to use
- Free Audio to Flash Converter 1.1.2.22 Download (7.3 Mb) | Overview | How to use
Free burning and ripping software
- Free DVD Video Burner 1.2.1.55 Download (4.3 Mb) | Overview | How to use
- Free Disc Burner 1.2.1.55 Download (4.4 Mb) | Overview | How to use
- Free Audio CD Burner 1.2.1.60 Download (4.3 Mb) | Overview | How to use
- Free DVD Decrypter 1.4.1.53 Download (2.1 Mb) | Overview | How to use
- Free Audio CD to MP3 Converter 1.1.2.25 Download (7.3 Mb) | Overview | How to use
Free video and audio editing software
Comments : Leave a Comment »
Categories : Uncategorized
Exclusive: first Google Phone / Nexus One photos, Android 2.1 on-board — Engadget
14 12 2009
Comments : Leave a Comment »
Categories : Uncategorized
Amazon EC2 Spot Instances – And Now How Much Would You Pay?
14 12 2009
Comments : Leave a Comment »
Categories : Uncategorized
Ecwid: E-Commerce Widgets
10 12 2009Ready for a new breed of shopping cart software?
Ecwid offers the performance and flexibility you need,
with none of the hassles you don’t.
- Works with your existing site (*)
- Takes less than 5 minutes to set up (*)
- Cool and easy to use. For your customers, too! (*)
Comments : Leave a Comment »
Categories : Uncategorized
IETester / Browser Compatibility Check for Internet Explorer Versions from 5.5 to 8
10 12 2009IETester is a free WebBrowser that allows you to have the rendering and javascript engines of IE8, IE7 IE 6 and IE5.5 on Windows 7, Vista and XP, as well as the installed IE in the same process.
Comments : Leave a Comment »
Categories : Uncategorized
200+ Very Useful Free Photoshop Actions, Enhancement, Colouring, Effects, Filters etc | tripwire magazine
8 12 2009
In this article tripwire magazine presents a very large collection of Photoshop actions (some in large bundles). A Photoshop action is a series of tasks that you play back on a single file or a batch of files. Actions can make nearly any change to an image and examples could be changing the image size, adding new layers, appling filters, saving files in a specific format etc. With the click of a button an action can help us achieve time consuming effects in no time you just need to have access to the right actions. Read on and you will hopefully find what you need.
Comments : Leave a Comment »
Categories : Uncategorized
Rackspace Cloud (Mosso) vs Amazon Elastic Compute Cloud (EC2)
8 12 2009Ever since Amazon launched its EC2 product the industry has been set abuzz. Rackspace, Google, Microsoft, everyone is trying to get in on the game. Rackspace has been vocal lately that their cloud has caught up with Amazon’s EC2 product. It takes a lot of effort to really understand both enough to compare them and I will be doing that here.
First of all, cloud computing is a fairly generic term. It can mean a variety of things which of course may lead to misunderstanding of the services provided.
According to wikipedia:
Cloud computing is Internet- (”cloud-”) based development and use of computer technology (”computing”).[1] In concept, it is a paradigm shift whereby details are abstracted from the users who no longer need knowledge of, expertise in, or control over the technology infrastructure “in the cloud” that supports them.[2] It typically involves the provision of dynamically scalable and often virtualized resources as a service over the Internet.
Wikipedia Article on Cloud ComputingThe definition here is not very specific. Any abstraction from the actual infrastructure could be considered a cloud. There lies the problem with comparing cloud implementations. You could have two vastly different cloud products that are virtually polar opposites aside from the fact that you’re abstracted from the hardware yet everyone will want to compare them. Apples and Oranges might both be fruit but comparing them just doesn’t work. Amazon and Rackspace have different products for wildly different types of users. Comparing them head to head isn’t really fair but we’ll give it a go.
After being asked “How is the Rackspace Cloud compared to Amazon?” over and over here is my breakdown on how they are the same, how they are different and what types of users should use which cloud.
Amazon Elastic Compute Cloud (EC2)
Amazon’s EC2 service has a simple design. You load system images on their simple storage service (s3) and then boot a virtual device with a set of virtual stats from that image. You have a choice in hardware equivalents from a little 1ghz machine with 1.7g of ram, up to a massive dual, quad core 3.25ghz machine with 64g of ram and over a 1.6TB of local storage. These little on demand machines are billed to you by the hour.
Amazon provides an extensive API to spin up and configure your instances, allocate static IP’s, select the image (AMI) to boot from, and shut them down. Typically this is how most instances are created. This isn’t the most user friendly method and definitely requires some technical knowledge.
It may not seem fair to add in a 3rd party company when talking about Amazon but really the way Amazon’s services are designed one of its strengths is the ability for people to build really impressive management tools such as Rightscale so I think its fair game. Rightscale uses the API’s Amazon provides to build a very impressive and completely free way to manage your servers.
Using Rightscale it is a little easier to launch instances but you still need someone pretty experienced with the ins and outs of Rightscale to get you setup with instances. You can setup rather complex auto scaling networks that are dynamically configured at boot in an almost trivial way once you really get a grasp of how Rightscale uses Amazon.
When we are talking about Amazon’s EC2 product its really not just EC2. Its their entire suite of cloud services (which is far far far outside the scope of this post). Leveraging the services Amazon provides gives you the ability to build virtually anything you can fathom. From complex data processing systems with thousands of servers, to a set of MySQL servers in front of a wiki. The main caveat with Amazon is the fact that you really be versed in the services and APIs provided by Amazon. A good place to start is O’Reilly’s Programming with Amazon Web Services.
Rackspace Cloud (formerly “Mosso”)
Rackspace’s cloud offering is a bit different. They have 3 primary products. Cloud Sites, Cloud Servers, Cloud Files.
Starting with the product aimed at EC2: Cloud Servers. Like Amazon Rackspace’s cloud is based on Xen Virtualization Technology. You select an image, spin up an instance and pay hourly for usage of it. With Rackspace you must select one of their predefined images as opposed to the freedom to create images willy nilly on Amazon. Rackspace has a unique ability to resize isntances LIVE. On Amazon resizing instances is an involved process if you didnt take care to setup your instance through Rightscale using their rightscripts. Rackspace makes it much easier for a team not so experienced with cloud concepts to take advantage of some of the benefits clouds bring to networks.
Rightscale’s sizing options are different from Amazon’s as well with by standardizing on a dual quad core server, you get the fraction of CPU time of the memory you select. Amazon is doing similar operations obviously under the hoot, but they kind of hide that implementation from you and provide you with a simple “this is equivalent to” metric. With Rightscale’s sizing method you dont have an option for “high memory low CPU” or “low memory high cpu”. They both increase relative to each other.
Cloud Files. This is essentially Amazon S3 without a WSDL interface. The pricing is quite similar (slightly more expensive) but right in the same arena.
Cloud Sites. Now this little service is different from Amazon’s offering. Amazon provides more of a developer toolkit to build applications. Cloud Sites on the other hand is geared for people that just want to run their site in a way that can scale and not worry about servers, networks, etc. Cloud Sites is more closely related to Google App Engine than it is to Amazon Web Services. Its a good solution for web developers with no sysadmin experience. You have a simple blog or application that you want to run? Cloud Sites is a great option for you. You dont have to become a cloud guru to have a hugely scalable site.
Comparison
Amazon and Rackspace seem to be targeting a different type of user. Amazon seems to be better geared for complex applications with competent IT resources. Rackspace’s cloud seems to be more geared to small teams, solo developers, and projects that have limited IT resources. Both provide a simple pay as you go model, but I dont think people wanting to casually play with clouds will end up using Amazon. Rackspace on the other hand makes it quick and easy for those casually interested to play with cloud concepts.
On the other hand those with non-trivial applications and non-trivial use-cases will find Rackspaces product very limiting. For those users, Amazon will be the clear choice hands down.
Summary
Quite frankly, I’m impressed with Rackspace’s Cloud offering. They are working on allowing custom images like Amazon does, after which I’m sure Rightscale will be able to provide some of their magic at some level (albeit minus all the slick Amazon nuances). They are still missing many of the advanced features that Amazon has, but they are making fantastic progress. With Cloud Sites, Rackspace is branching out as well to provide unique services rather than just playing catchup with Amazon. The differentiating feature that most caught my attention is the Cloud Servers live upgrading of resources ability.
The applications I tend to build are rather complex, so I’ll be sticking with Amazon. Their variety of instance size options and types (even windows for those of you that use it) we well as ancillary cloud products close the loop on most of my enterprise requirements. I will however be recommending Rackspace for anyone with simple cloud needs.
Find out more
Comments : 1 Comment »
Categories : Uncategorized
Everything you need to know about HTML5 | News | TechRadar UK
7 12 2009
Comments : Leave a Comment »
Categories : Uncategorized
AdFreak: The 10 best celebrity computer ads of the 1980s
6 12 2009
Comments : Leave a Comment »
Categories : Uncategorized
The Global Language Monitor » Top Word of 2009 is Twitter
2 12 2009Followed by Obama, H1N1, Stimulus, and Vampire
“King of Pop” is Top Phrase; “Obama” is top name
Normal 0 false false false EN-US X-NONE X-NONE MicrosoftInternetExplorer4
Austin, TX November 29, 2009 – The Global Language Monitor has announced that Twitter is the Top Word of 2009 in its annual global survey of the English language. Twittered was followed by Obama, H1N1, Stimulus, and Vampire. The near-ubiquitous suffix, 2.0, was No. 6, with Deficit, Hadron the object of study of CERN’s new atom smasher, Healthcare, and Transparency rounded out the Top 10.
“In a year dominated by world-shaking political events, a pandemic, the after effects of a financial tsunami and the death of a revered pop icon, the word Twitter stands above all the other words. Twitter represents a new form of social interaction, where all communication is reduced to 140 characters,” said Paul JJ Payack, President of The Global Language Monitor. “Being limited to strict formats did wonders for the sonnet and haiku. One wonders where this highly impractical word-limit will lead as the future unfolds.”
The Top Words are culled from throughout the English-speaking world, which now numbers more than 1.58 billion speakers.
The Top Words of 2009
Phrase Comments
1. Twitter — The ability to encapsulate human thought in 140 characters
2. Obama — The word stem transforms into scores of new words like ObamaCare
3. H1N1 — The formal (and politically correct) name for Swine Flu
4. Stimulus — The $800 billion aid package meant to help mend the US economy
5. Vampire — Vampires are very much en vogue, now the symbol of unrequited love
6. 2.0 — The 2.0 suffix is attached to the next generation of everything
7. Deficit — Lessons from history are dire warnings here
8. Hadron — Ephemeral particles subject to collision in the Large Hadron Collider
9. Healthcare — The direction of which is the subject of intense debate in the US
10. Transparency — Elusive goal for which many 21st c. governments are striving
11. Outrage — In response to large bonuses handed out to ‘bailed-out’ companies
12. Bonus — The incentive pay packages that came to symbolize greed and excess
13. Unemployed — And underemployed amount to close to 20% of US workforce
14. Foreclosure — Forced eviction for not keeping up with the mortgage payments
15. Cartel — In Mexico, at the center of the battle over drug trafficking
The Top Phrases of 2009
Phrase Comments
1. King of Pop –Elvis was ‘The King;’ MJ had to settle for ‘King of Pop’
2. Obama-mania — One of the scores of words from the Obama-word stem
3. Climate Change — Considered politically neutral compared to global warming
4. Swine Flu — Popular name for the illness caused by the H1N1 virus
5. Too Large to Fail — Institutions that are deemed necessary for financial stability
6. Cloud Computing — Using the Internet for a variety of computer services
7. Public Option — The ability to buy health insurance from a government entity
8. Jai Ho! — A Hindi shout of joy or accomplishment
9. Mayan Calendar — Consists of various ‘cycles,’ one of which ends on 12/21/2012
10. God Particle — The hadron, believed to hold the secrets of the Big Bang
The Top Names of 2009
Name Comments
1. Barack Obama — It was Obama’s year, though MJ nearly eclipsed in the end
2. Michael Jackson — Eclipses Obama on internet though lags in traditional media
3. Mobama — Mrs. Obama, sometimes as a fashion Icon
4. Large Hadron Collider — The Trillion dollar ‘aton smasher’ buried outside Geneva
5. Neda Agha Sultan — Iranian woman killed in the post-election demonstrations
6. Nancy Pelosi –The Democratic Speaker of the US House
7. M. Ahmadinejad — The president of Iran, once again
8. Hamid Karzai — The winner of Afghanistan’s disputed election
9. Rahm Emmanuel — Bringing ‘Chicago-style politics’ to the Administration
10. Sonia Sotomayor — The first Hispanic woman on the US Supreme Court
The analysis was completed in late November using GLM’s Predictive Quantities Indicator (PQI), the proprietary algorithm that tracks words and phrases in the media and on the Internet, now including blogs and social media. The words are tracked in relation to frequency, contextual usage and appearance in global media outlets, factoring in long-term trends, short-term changes, momentum and velocity.
The Top Words of the Decade were Global Warming, 9/11, and Obama outdistance Bailout, Evacuee, and Derivative; Google, Surge, Chinglish, and Tsunami followed. “Climate Change” was top phrase; “Heroes” was top name.
Comments : Leave a Comment »
Categories : Uncategorized
Square – pay via the iphone
2 12 2009Square
0 to $60 in under 10 seconds.
Start accepting payment cards immediately with Square. No contracts, monthly fees, or hidden costs. Effortlessly manage all the money you take with an easy and intuitive interface.
Pay quickly, securely.
Create a Square payer account to speed up and secure every payment. With photo verification, Square users can visually confirm you are the card holder.
Swipe it.
Read payment cards from any device with an audio input jack, including your mobile phone. Accepting payments has never been faster or more convenient.
Get real rewards.
If you frequent a place that accepts Square, we’ll let them know you’re a repeat customer. That 10th cappuccino may be on the house, no paper coffee card required.
Text and email receipts. Lose the paper.
As a payer, get your receipts sent to your email or mobile phone instantly and access them securely online. You can also use a text message to authorize every payment in real-time. View sample
Do well by doing good.
Square will donate a penny of every transaction you take to a cause of your choice. Working together to better the world, one small step at a time.
© 2009 Square, Inc.
Comments : Leave a Comment »
Categories : Uncategorized
