WebSite X5Help Center

 
abhay singh
abhay singh
User

How to use jquery photo gallery template ?  en

Author: abhay singh
Visited 3484, Followers 3, Shared 0  

Hi All,

Iam making a brand new website of my own.I'd made a nice website by myself before so i know how everything works in website x5.

But this time I want to use nice photo gallery to showcase my portfolio and for this i want to use jquery photo gallery template like these http://smashinghub.com/jquery-images-galleries-sliders.htm

Every jquery template i've downloaded has some folders like js, css & image folders.The problem is i dont know how to use these all folder inside website x5.

I couldn't find any help in forum as all jquery issues are related to slider.I couldn't find any tutorials by websitex5 support staff & moreover there is nothing in software manual.

So please help so other like me can benefit.

Thanks,

Abhay.

Posted on the
3 ANSWERS
abhay singh
abhay singh
User
Author

the one similar template i want to use is attached.

Read more
Posted on the from abhay singh
Little-key .
Little-key .
User

Load the zip to your pc.
Then Unzip the file and load the folders to your server.

Open the index.html with a editor.
Copy all rows between <body> and </body> an paste it in a html object.

(from head the lines)
Properties of the page > Advanced > Before </HEAD> Tag, insert this code:

<link rel="stylesheet" type="text/css" href="css/gridNavigation.css" />
<link href='http://fonts.googleapis.com/css?family=PT+Sans+Narrow' rel='stylesheet' type='text/css' />
<link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css' />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
        <script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
        <script type="text/javascript" src="js/jquery.mousewheel.js"></script>
        <script type="text/javascript" src="js/jquery.gridnav.js"></script>
        <script type="text/javascript">
            $(function() {
                $('#tj_container').gridnav();
            });
</script>
 

Then check.
Possibly you must still adapt.
I've not testet and sorry for my bad english.

Read more
Posted on the from Little-key .
abhay singh
abhay singh
User
Author

Thanks buddy, i'll try and will definitely let you know soon so other can benefit.

Read more
Posted on the from abhay singh