Example code? about photobox HOT 12 CLOSED

well, there is an example code on my blog post here...
http://dropthebit.com/500/photobox-css3-image-gallery-jquery-plugin/

just plain simple use-case of some images and how to initialize them.
the main demo page is just for general presentation of the code's abilities.

from photobox.

Ah. Your blog post was down, I guess there was excessive traffic earlier.

On Thu, Dec 27, 2012 at 11:33 AM, vsync [email protected] wrote:

well, there is an example code on my blog post here...
http://dropthebit.com/500/photobox-css3-image-gallery-jquery-plugin/

just plain simple use-case of some images and how to initialize them.
the main demo page is just for general presentation of the code's
abilities.

—
Reply to this email directly or view it on GitHubhttps://github.com//issues/2#issuecomment-11711721.

from photobox.

it's my shitty hosting "webhostinghub"..I really should change to a normal one that don't go down twice a day..

from photobox.

this is a great plugin

but your example code doesn't work...it should added class="loaded" to display thumbnail and fullscreen viewer still not work use example code..it's work only with flickr example..

do you have any idea to make it work??

from photobox.

this is working using flickr image

and this is not working using my image

and this is my code

       <div id="gallery" class="twelve columns" style="padding: 40px 40px 40px 40px;">
            <a href="http://localhost/web/project/ekref/file/image/1/8315845534_57b5354e30_b.jpg" class="loaded">
                    <img src="http://localhost/web/project/ekref/file/image/1/thumbs/8315845534_57b5354e30_b.jpg" alt="http://localhost/web/project/ekref/file/image/1/8315845534_57b5354e30_b.jpg">
                    </a><a href="http://localhost/web/project/ekref/file/image/1/Stalking_Ocelot_by_Sayantan_Chaudhuri.jpg" class="loaded">
                    <img src="http://localhost/web/project/ekref/file/image/1/thumbs/Stalking_Ocelot_by_Sayantan_Chaudhuri.jpg" alt="http://localhost/web/project/ekref/file/image/1/Stalking_Ocelot_by_Sayantan_Chaudhuri.jpg">
                    </a><a href="http://localhost/web/project/ekref/file/image/1/patch.png" class="loaded">
                    <img src="http://localhost/web/project/ekref/file/image/1/thumbs/patch.png" alt="http://localhost/web/project/ekref/file/image/1/patch.png">
                    </a>  
        </div>

even my image not idexed in thumbnail..did I missed something...

update : this is the difference of my link.firstChild and example's

updated : finally I found it
It must be a straight text without any spaces between anchor and image like this

from photobox.

you don't need the class "loaded" it's just for the example page i've created, all you need is a anchor link to the larger image, wrapping a smaller thumbnail image. make sure your urls are correct. there is no reason for it not to work if you follow my blog post example of how to use this..

from photobox.

could you make an example script using own images (not flickr)??

this is the script to make it work but still have a bug. while open fullscreen mode, it always fail to select next images at the first time, but works properly at the second..

  $.each($("#gallery img"), function (index, value) {
      img = $(this);link = img.parent();link.addClass('loaded');
  })
  setTimeout( function(){ $('#gallery').find('a').photobox({ thumbs:true }); }, 100); //<-- small thumbnail not shown if not using this script

thank you

from photobox.

the example script never uses flickr images, it's just the demo, you don't need any javascript, or a "loaded" class...
all you need is links wrapping thumbnails and then call the photobox plugin. please ignore anything you see in the demo page, it's just for the show..

from photobox.

this is wht i suggested a stripped-down demo page with nothing but what's
needed for photobox to work.

On Tue, Jan 1, 2013 at 5:39 PM, vsync [email protected] wrote:

the example script never uses flickr images, it's just the demo, you don't
need any javascript, or a "loaded" class...
all you need is links wrapping thumbnails and then call the photobox
plugin. please ignore anything you see in the demo page, it's just for the
show..

—
Reply to this email directly or view it on GitHubhttps://github.com//issues/2#issuecomment-11795230.

from photobox.

same here, if I use the code inside main.js (flickr urls) it works, but it doesn't if I try the code on blog...
a workaround could be open a flickr account, but it's not an elegant solution.
EDIT:
SOLUTION: as mentioned before, if you copy and paste the blog's code it wont work. you may type it or delete any space between < a > and < img > tags.

from photobox.

@pedrope85 do you get fail to next image in the first time open?? I am still not have time to debug it..

from photobox.

please upgrade to version 1.5, i've re-written much of the code

from photobox.