How to use jquery photo gallery template ?
Author: abhay singh
Visited 3911,
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
Author
the one similar template i want to use is attached.
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.
Author
Thanks buddy, i'll try and will definitely let you know soon so other can benefit.