ThemeForest

360 Photos - Fullscreen Background Portfolio

I didn’t find the photos showed in the live preview in the download, is there something wrong ?

No, in fact I don’t have the right to include the photos in the package for download. I can use them only in the live preview. If you need to show a working theme with nice photos to your client, you’ll find links to the pictures I used at the end of the item page description (or you can find other nice photos on Flickr), but don’t forget to check the license.

Instead of these photos, you’ll have grey images, simply replace them by your pictures and update the links if you put them in another folder or with different names.

There are 3 galleries only, can I add more ?

Yes ! You can add up to 20 galleries containing as many pictures as you want. Open the index.html file and you’ll find :

  • Paris

    1 2 3 4
  • Use the following code to add your own gallery, just replace the number in the first line :

  • Gallery Title

    1 2 3 4 ......
  • Each gallery has a unique ID, just replace the “X” in the above code by a number from 1 to 20.

    If you need more than 10 galleries, just send me an email and I’ll send you back the updated files, it takes me only a few minutes so it’s free :)

    In the package, you’ll also find a blank template ready for 20 galleries and a detailed tutorial explaining how to add even more galleries.

    How do I make the left panel opened when the page loads ?

    Open the superbgimage.gallery.js file (in the JS folder) and scroll down the end of the script until you find :

    $(document).ready(function(){
        $(".trigger").click(function(){
            $(".panel").toggle("fast");
            $(this).toggleClass("active");
            return false;
        });
    });
    

    To make it already opened when the page loads, replace the above piece of code by :

    $(document).ready(function(){
        $(".panel").toggle();
        $(".trigger").toggleClass("active"); 
        $(".trigger").click(function(){
            $(".panel").toggle("fast");
            $(this).toggleClass("active");
            return false;
        });
    });
    
    by
    by
    by
    by
    by