5 Best Data Visualization Projects of the Year – 2009 | FlowingData

16 12 2009




piroBox v.1.2, jQuery 1.3.2 plugin

14 12 2009

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

Change style
Shadow
Rounded white
Rounded black

Single image

image1

Set of images 1

image2

image3

image4

image5

image5

Set of images 2

image6

image7

image8

image1

image1

Image Errore

image9

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, Diego

4

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 much

5

12/Dec/09 – 09:52:42
Dexter wrote:

Gooooooooood effect it's perfect for my work :O

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. Thank

8

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, TNX

11

10/Dec/09 – 03:42:59
Nguyen Phat Tai wrote:

Nice Slide Show

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 Amaroyche 

13

09/Dec/09 – 13:24:22
Diego wrote:

Hi amaroyche like i told to Fernando, do you have an example to show me?? tnx

14

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.    Diego

17

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?  TNX

22

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

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 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

08/Dec/09 - 08:25:16
brian wrote:

i like it

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

04/Dec/09 - 10:06:09
Elena wrote:

Very beautiful! Thanks!

34

04/Dec/09 - 06:45:58
mushtaq wrote:

good

35

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> <!-- hidden--> <!--hidden--> <h3>Third gallery</h3> <!--hidden--> <!--hidden--> Thats it, Hello Frank: 1) probably your screen is a 16:9 1280x800, an pirobox automaticaly resize images in small window, if need a fix i can send you a mod version without resizing. 2)on line 85 $(gall_settings[i]).each(function(rel){this.rel = rel+1 + "&nbsp;of&nbsp;" + $(gall_settings[i]).length;}); and change the "of" in what you want like $(gall_settings[i]).each(function(rel){this.rel = rel+1 + "&nbsp;frank&nbsp;" + $(gall_settings[i]).length;}); 3)in css you've choosen change .caption{position:absolute;bottom:0;left:0;margin:0;display:block; padding:2px; cursor:text; background:white;} .caption p{ display:block; margin:0;padding:4px 28px 4px 38px; text-align:center; font-weight:normal; background:black; color:white; font-size:12px;} the 2 backgrounds rules, for the shadow just tell me what you need and when i've time i'll send you a mod version. I hope everything is clear, for any question post your comment. Diego

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, Frank

38

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?    Diego

43

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,  // Henrik

44

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 plugin

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.    Diego

49

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  Sandro

50

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?     Mario

51

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  Diego

52

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&nbsp;of&nbsp;1')  {  piro_prev.hide();  piro_next.hide();  }	    so if the image contain the 1 of 1 numberinfo the buttons will be hidden

53

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.  Diego

54

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  franco

55

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

26/Nov/09 - 05:18:19
kona wrote:

nice gallery, thank author

57

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 Anand :) 

59

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_pure

61

24/Nov/09 - 22:54:21
Diego wrote:

TNX Albert!

62

24/Nov/09 - 17:43:45
Bill Wang wrote:

comments

63

22/Nov/09 - 18:36:59
Albert Yao wrote:

Beautiful design, thanks.

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 Michael

68

21/Nov/09 - 14:17:53
Diego wrote:

LAST VERSION IS HERE, +SLIDESHOW+, +MULTIPLE GALLERIES+  TNX all for your precious comments.  Diego

69

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.    TNX

70

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.    Diego

75

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.  Diego

77

20/Nov/09 - 11:16:09
sham wrote:

very impresave

78

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  alone :)      TNX all 4 your comments

81

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 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 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 comments

88

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, Jus

92

17/Nov/09 - 16:39:02
Mark Oshelly wrote:

Very  nice plugin :)  

93

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 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.

Web Design & Graphics (Themes) - TOP.ORG

Creative Commons License

Posted via web from urban-listening's webbuzz





piroBox v.1.2, jQuery 1.3.2 plugin

14 12 2009

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

Change style
Shadow
Rounded white
Rounded black

Single image

image1

Set of images 1

image2

image3

image4

image5

image5

Set of images 2

image6

image7

image8

image1

image1

Image Errore

image9

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, Diego

4

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 much

5

12/Dec/09 – 09:52:42
Dexter wrote:

Gooooooooood effect it's perfect for my work :O

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. Thank

8

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, TNX

11

10/Dec/09 – 03:42:59
Nguyen Phat Tai wrote:

Nice Slide Show

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 Amaroyche 

13

09/Dec/09 – 13:24:22
Diego wrote:

Hi amaroyche like i told to Fernando, do you have an example to show me?? tnx

14

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.    Diego

17

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?  TNX

22

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

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 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

08/Dec/09 - 08:25:16
brian wrote:

i like it

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

04/Dec/09 - 10:06:09
Elena wrote:

Very beautiful! Thanks!

34

04/Dec/09 - 06:45:58
mushtaq wrote:

good

35

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> <!-- hidden--> <!--hidden--> <h3>Third gallery</h3> <!--hidden--> <!--hidden--> Thats it, Hello Frank: 1) probably your screen is a 16:9 1280x800, an pirobox automaticaly resize images in small window, if need a fix i can send you a mod version without resizing. 2)on line 85 $(gall_settings[i]).each(function(rel){this.rel = rel+1 + "&nbsp;of&nbsp;" + $(gall_settings[i]).length;}); and change the "of" in what you want like $(gall_settings[i]).each(function(rel){this.rel = rel+1 + "&nbsp;frank&nbsp;" + $(gall_settings[i]).length;}); 3)in css you've choosen change .caption{position:absolute;bottom:0;left:0;margin:0;display:block; padding:2px; cursor:text; background:white;} .caption p{ display:block; margin:0;padding:4px 28px 4px 38px; text-align:center; font-weight:normal; background:black; color:white; font-size:12px;} the 2 backgrounds rules, for the shadow just tell me what you need and when i've time i'll send you a mod version. I hope everything is clear, for any question post your comment. Diego

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, Frank

38

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?    Diego

43

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,  // Henrik

44

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 plugin

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.    Diego

49

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  Sandro

50

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?     Mario

51

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  Diego

52

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&nbsp;of&nbsp;1')  {  piro_prev.hide();  piro_next.hide();  }	    so if the image contain the 1 of 1 numberinfo the buttons will be hidden

53

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.  Diego

54

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  franco

55

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

26/Nov/09 - 05:18:19
kona wrote:

nice gallery, thank author

57

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 Anand :) 

59

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_pure

61

24/Nov/09 - 22:54:21
Diego wrote:

TNX Albert!

62

24/Nov/09 - 17:43:45
Bill Wang wrote:

comments

63

22/Nov/09 - 18:36:59
Albert Yao wrote:

Beautiful design, thanks.

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 Michael

68

21/Nov/09 - 14:17:53
Diego wrote:

LAST VERSION IS HERE, +SLIDESHOW+, +MULTIPLE GALLERIES+  TNX all for your precious comments.  Diego

69

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.    TNX

70

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.    Diego

75

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.  Diego

77

20/Nov/09 - 11:16:09
sham wrote:

very impresave

78

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  alone :)      TNX all 4 your comments

81

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 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 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 comments

88

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, Jus

92

17/Nov/09 - 16:39:02
Mark Oshelly wrote:

Very  nice plugin :)  

93

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 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.

Web Design & Graphics (Themes) - TOP.ORG

Creative Commons License

Posted via web from urban-listening's webbuzz





Download free DVD, iPod, YouTube video converter and editor software and freeware

14 12 2009

Free video and audio conversion software

Free burning and ripping software

Free video and audio editing software

Posted via web from urban-listening’s webbuzz





Exclusive: first Google Phone / Nexus One photos, Android 2.1 on-board — Engadget

14 12 2009




Amazon EC2 Spot Instances – And Now How Much Would You Pay?

14 12 2009




Ecwid: E-Commerce Widgets

10 12 2009

Ready 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! (*)

Posted via web from urban-listening’s webbuzz





IETester / Browser Compatibility Check for Internet Explorer Versions from 5.5 to 8

10 12 2009
IETester 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.

Posted via web from urban-listening’s webbuzz





200+ Very Useful Free Photoshop Actions, Enhancement, Colouring, Effects, Filters etc | tripwire magazine

8 12 2009

photoshop actions

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.

Posted via web from urban-listening’s webbuzz





Rackspace Cloud (Mosso) vs Amazon Elastic Compute Cloud (EC2)

8 12 2009

Ever 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 Computing

The 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

Amazon Elastic Compute Cloud
Rackspace Cloud
Rightscale

Posted via web from urban-listening’s webbuzz





Everything you need to know about HTML5 | News | TechRadar UK

7 12 2009




AdFreak: The 10 best celebrity computer ads of the 1980s

6 12 2009




Global Map of Social Web

5 12 2009




The Global Language Monitor » Top Word of 2009 is Twitter

2 12 2009

Top Word of 2009: Twitter

Followed 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.

For Previous Words of the Year, go here.

Posted via web from urban-listening’s webbuzz





Square – pay via the iphone

2 12 2009

Square

Sign In

Accept payments anywhere.
Sightglass Coffee
Payer verification.
Self Edge
Sign here.
Lilybelle
Instant receipts.
  • 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.

Submitting…
Thank you for your interest in Square!
Please enter a valid email address.

© 2009 Square, Inc.

Posted via web from urban-listening’s webbuzz