Comments on: jQuery (mb)Gallery 1.5 (new!) http://pupunzi.open-lab.com/2009/02/28/mbgallery/ mb.ideas.repository Fri, 12 Mar 2010 09:22:39 +0000 http://wordpress.com/ hourly 1 By: Peter Burgess http://pupunzi.open-lab.com/2009/02/28/mbgallery/#comment-2534 Peter Burgess Wed, 10 Mar 2010 17:31:02 +0000 http://pupunzi.wordpress.com/?p=427#comment-2534 quick Workarounds. 1. Discovered the hack line 'full.each(function(){$(this).attr("src",$(this).attr("srcx"));});', so I hacked my html gallery entries to 'srcx' from 'src'. 2. created a function 'preloadSlide(), derived from preloadImg() which does what I want IMGOBJ.onload = function() { $(thumbloading).find("img").attr("src", ""+opt.iconFolder+"/loaded.gif"); changePhoto(i); slideShowTimer = setTimeout(startShow, opt.slideTimer); }; and removed the setTimeout statement from startShow. #3. added arguments '.../loader.gif' and '.../stop.gif' to $.preloadImages() invocation. see http://www.williamwakehamphotography.com/index.1.htm quick Workarounds.

1. Discovered the hack line
‘full.each(function(){$(this).attr(“src”,$(this).attr(“srcx”));});’, so I hacked my html gallery entries to ’srcx’ from ’src’.

2. created a function ‘preloadSlide(), derived from preloadImg() which does what I want

IMGOBJ.onload = function()
{
$(thumbloading).find(“img”).attr(“src”, “”+opt.iconFolder+”/loaded.gif”);
changePhoto(i);
slideShowTimer = setTimeout(startShow, opt.slideTimer);
};

and removed the setTimeout statement from startShow.

#3. added arguments ‘…/loader.gif’ and ‘…/stop.gif’ to $.preloadImages() invocation.

see http://www.williamwakehamphotography.com/index.1.htm

]]> By: Peter Burgess http://pupunzi.open-lab.com/2009/02/28/mbgallery/#comment-2530 Peter Burgess Wed, 10 Mar 2010 12:27:28 +0000 http://pupunzi.wordpress.com/?p=427#comment-2530 oops, cut and paste problem #1. Since the html gallery structure uses the form: <img class="imgThumb" src="... <img class="imgFull" src="... oops, cut and paste problem

#1. Since the html gallery structure uses the form:
<img class="imgThumb" src="…
<img class="imgFull" src="…

]]> By: Peter Burgess http://pupunzi.open-lab.com/2009/02/28/mbgallery/#comment-2529 Peter Burgess Wed, 10 Mar 2010 12:23:12 +0000 http://pupunzi.wordpress.com/?p=427#comment-2529 Absolutely terrific graphics and user-interface, but there are performance problems when using lots of galleries and lots of images. Suggestions. #1. Since the html gallery structure uses the form: Exterior The browser is going to load ALL the thumbnails and all the High resolution images for all the galleries whenever the web page is loaded. This simply does not scale. (say 200 HR images @ 200kb = 20MB. And the user immediately selects the 10th of 10 galleries to view...) It would be better to delay loading at least the High Resolution images of a gallery until the user selected that gallery. (many jquery galleries use <a href="HR/img001.jpg... wrapper around the thumbnail to reduce this scaling problem) 2. If the slide show timer is 6 seconds, then the image or image + animation should appear for 6 seconds, which means that the time out should NOT start until at least "IMGOBJ.onload" is triggered. (Why set the timeout of the current image if the current image hasn't even been downloaded from the server yet?) 3. 'opt.iconFolder+"/loader.gif", ' should be inserted after line 38 (otherwise loading "loader.gif" may network-timeout many times. Thanks, Peter Absolutely terrific graphics and user-interface, but there are performance problems when using lots of galleries and lots of images.

Suggestions.
#1. Since the html gallery structure uses the form:

Exterior
The browser is going to load ALL the thumbnails and all the High resolution images for all the galleries whenever the web page is loaded. This simply does not scale. (say 200 HR images @ 200kb = 20MB. And the user immediately selects the 10th of 10 galleries to view…)

It would be better to delay loading at least the High Resolution images of a gallery until the user selected that gallery. (many jquery galleries use <a href="HR/img001.jpg… wrapper around the thumbnail to reduce this scaling problem)

2. If the slide show timer is 6 seconds, then the image or image + animation should appear for 6 seconds, which means that the time out should NOT start until at least “IMGOBJ.onload” is triggered. (Why set the timeout of the current image if the current image hasn’t even been downloaded from the server yet?)

3. ‘opt.iconFolder+”/loader.gif”, ‘ should be inserted after line 38 (otherwise loading “loader.gif” may network-timeout many times.

Thanks, Peter

]]> By: Julie http://pupunzi.open-lab.com/2009/02/28/mbgallery/#comment-2110 Julie Sun, 20 Dec 2009 00:11:24 +0000 http://pupunzi.wordpress.com/?p=427#comment-2110 Fantastic gallery! I've been looking for something new for my photo site for a while now. I have one question. I have several large galleries on my site right now, which are all contained on index.php (it takes a very long time to load). To decrease load time, I would rather not have all of the images load on the same page. Is this possible with your script, or do all the gallery divs need to be on the same page? Thanks! Julie Fantastic gallery! I’ve been looking for something new for my photo site for a while now. I have one question. I have several large galleries on my site right now, which are all contained on index.php (it takes a very long time to load). To decrease load time, I would rather not have all of the images load on the same page. Is this possible with your script, or do all the gallery divs need to be on the same page?

Thanks!
Julie

]]> By: uberVU - social comments http://pupunzi.open-lab.com/2009/02/28/mbgallery/#comment-1633 uberVU - social comments Wed, 04 Nov 2009 10:28:25 +0000 http://pupunzi.wordpress.com/?p=427#comment-1633 <strong>Social comments and analytics for this post...</strong> This post was mentioned on Twitter by ijosh91: mb.ideas.repository - mb.gallery http://tinyurl.com/yjjp93s... Social comments and analytics for this post…

This post was mentioned on Twitter by ijosh91: mb.ideas.repository – mb.gallery http://tinyurl.com/yjjp93s...

]]> By: Matteo Bicocchi http://pupunzi.open-lab.com/2009/02/28/mbgallery/#comment-1602 Matteo Bicocchi Thu, 29 Oct 2009 22:25:08 +0000 http://pupunzi.wordpress.com/?p=427#comment-1602 Hi Bryce, The jquery.mb.gallery is drawn in the body to have full controll of its positioning and to be shure it gets the higher z-index in the page; this component ideas is to get over all in the page and not to be constrained into a DOM element. A solution for your issue could be to load the gallery into an iframe, as I do on the demo page of my site : http://pupunzi.com/#mb.components/mb.gallery/gallery.html. Bye, Matteo Hi Bryce,
The jquery.mb.gallery is drawn in the body to have full controll of its positioning and to be shure it gets the higher z-index in the page; this component ideas is to get over all in the page and not to be constrained into a DOM element.
A solution for your issue could be to load the gallery into an iframe, as I do on the demo page of my site : http://pupunzi.com/#mb.components/mb.gallery/gallery.html.
Bye,
Matteo

]]> By: Bryce Martin http://pupunzi.open-lab.com/2009/02/28/mbgallery/#comment-1598 Bryce Martin Wed, 28 Oct 2009 16:49:30 +0000 http://pupunzi.wordpress.com/?p=427#comment-1598 Great work on this gallery. I notice that you always put the gallery in the page's body. Is there a reason for this? If I wanted to put it in a containing div instead of $(body) how would I do that? Could I use something like $(this).partent()? Or something like that? Great work on this gallery. I notice that you always put the gallery in the page’s body. Is there a reason for this? If I wanted to put it in a containing div instead of $(body) how would I do that? Could I use something like $(this).partent()? Or something like that?

]]> By: Matteo Bicocchi http://pupunzi.open-lab.com/2009/02/28/mbgallery/#comment-1486 Matteo Bicocchi Fri, 16 Oct 2009 21:42:40 +0000 http://pupunzi.wordpress.com/?p=427#comment-1486 Hi German, At the moment there's a bug that prevent the rendering of an image inside the image description; I'll fix it for next release. For the moment you can place a textual link. Bye, Matteo Hi German,
At the moment there’s a bug that prevent the rendering of an image inside the image description; I’ll fix it for next release.
For the moment you can place a textual link.
Bye,
Matteo

]]> By: german http://pupunzi.open-lab.com/2009/02/28/mbgallery/#comment-1485 german Fri, 16 Oct 2009 13:56:35 +0000 http://pupunzi.wordpress.com/?p=427#comment-1485 hello, i want to put a image into the image description. i need an image with a link "send to friend" is it possible? sorry for my english hello, i want to put a image into the image description. i need an image with a link “send to friend”
is it possible?

sorry for my english

]]> By: links for 2009-10-07 « Cache 242’s Blog http://pupunzi.open-lab.com/2009/02/28/mbgallery/#comment-1437 links for 2009-10-07 « Cache 242’s Blog Wed, 07 Oct 2009 14:17:57 +0000 http://pupunzi.wordpress.com/?p=427#comment-1437 [...] jQuery (mb)Gallery 1.5 (new!) « Matteo Bicocchi’s Blog (tags: jquery gallery plugin slideshow webdesign) [...] [...] jQuery (mb)Gallery 1.5 (new!) « Matteo Bicocchi’s Blog (tags: jquery gallery plugin slideshow webdesign) [...]

]]>