Many thanks, it is working. But could you tell me where did you get all those files?
I mean I used it as a header files, all the 5.. But it was not working.
How did you use all those links? These one?
<script type="text/javascript" src="http://www.metamorphozis.com/free_templates/free_css_templates/metamorph_carousel/lib/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="http://www.metamorphozis.com/free_templates/free_css_templates/metamorph_carousel/lib/pirobox.js"></script>
<script type="text/javascript">
$(document).ready(function () {
$().piroBox({
my_speed: 400, //animation speed
bg_alpha: 0.1, //background opacity
slideShow: false, // true == slideshow on, false == slideshow off
slideSpeed: 4, //slideshow duration in seconds(3 to 6 Recommended)
close_all: '.piro_close,.piro_overlay'// add class .piro_overlay(with comma)if you want overlay click close piroBox
});
});
</script>
<link href="http://www.metamorphozis.com/free_templates/free_css_templates/metamorph_carousel/images/style.css" rel="stylesheet" type="text/css" />
</head>
Well, how did you the following code?? How do one know that it needs to be used in that way? I simply download all js files, put it in the Script folder and just link to the page I am using..
<script type="text/javascript">
$(document).ready(function () {
$().piroBox({
my_speed: 400, //animation speed
bg_alpha: 0.1, //background opacity
slideShow: false, // true == slideshow on, false == slideshow off
slideSpeed: 4, //slideshow duration in seconds(3 to 6 Recommended)
close_all: '.piro_close,.piro_overlay'// add class .piro_overlay(with comma)if you want overlay click close piroBox
});
});
</script>
girizh
Member
302 Points
404 Posts
Please find the problem in jQuery implementation
May 14, 2012 05:39 PM|LINK
Hi all,
http://www.metamorphozis.com/free_templates/free_css_templates/metamorph_carousel/gallery.html
This is the jQuery image viewer, I have implemented. The design implementation (html + css) worked perfectly.!
But jQuery is not working. I used all the 5 jQuery files that has been given and linked to the page I'm using. But it is not working.
Please help.
Many Thanks,
Girish :)
Mark As Answer if it helps you :)
DarthSwian
Star
12879 Points
2380 Posts
Re: Please find the problem in jQuery implementation
May 14, 2012 06:14 PM|LINK
You might want to post your code. A link to the demo page doesn't allow us to see what you might have missed.
Seek and ye shall find or http://lmgtfy.com/
girizh
Member
302 Points
404 Posts
Re: Please find the problem in jQuery implementation
May 14, 2012 06:17 PM|LINK
Definitely.
jQuery: <script src="Scripts/jcarousellite.js" type="text/javascript"></script> <script src="Scripts/pirobox.js" type="text/javascript"></script> <script src="Scripts/jquery.tools.js" type="text/javascript"></script> <script src="Scripts/jquery-1.3.2.min.js" type="text/javascript"></script> <script src="Scripts/jquery-1.4.2.min.js" type="text/javascript"></script> CSS: (Working) <link href="Styles/gallerystyles.css" rel="stylesheet" type="text/css" /> HTML: <div id="content_top"/> <div id="content"> <div style="height: 2px;"></div> <div class="row"> <div class="g_size"><a class="pirobox_gal1" title="1st Project Image" href="images2/gal1.jpg"><img alt="" src="images2/img31.jpg"/></a></div> <div class="box_razd"></div> <div class="g_size"><a class="pirobox_gal1" title="2nd Project Image" href="images2/gal2.jpg"><img alt="" src="images2/img32.jpg"/></a></div> <div class="box_razd"></div> <div class="g_size"><a class="pirobox_gal1" title="3rd Project Image" href="images2/gal3.jpg"><img alt="" src="images2/img33.jpg"/></a></div> <div class="box_razd"></div> <div class="g_size"><a class="pirobox_gal1" title="4th Project Image" href="images2/gal4.jpg"><img alt="" src="images2/img34.jpg"/></a></div> </div> <div style="height: 8px;"></div> <div style="clear: both;"></div> </div> <div id="content_bot"/>Mark As Answer if it helps you :)
DarthSwian
Star
12879 Points
2380 Posts
Re: Please find the problem in jQuery implementation
May 14, 2012 06:23 PM|LINK
load your JS files in this order
You don't need 1.4.2 AND 1.3.2Seek and ye shall find or http://lmgtfy.com/
asteranup
All-Star
30184 Points
4906 Posts
Re: Please find the problem in jQuery implementation
May 15, 2012 05:27 AM|LINK
Hi,
I dont see any issue. The following ode is working fine-
<html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <link href="http://www.metamorphozis.com/free_templates/free_css_templates/metamorph_carousel/styles.css" rel="stylesheet" type="text/css" /> <!-- Pirobox setup and styles --> <script type="text/javascript" src="http://www.metamorphozis.com/free_templates/free_css_templates/metamorph_carousel/lib/jquery-1.3.2.min.js"></script> <script type="text/javascript" src="http://www.metamorphozis.com/free_templates/free_css_templates/metamorph_carousel/lib/pirobox.js"></script> <script type="text/javascript"> $(document).ready(function () { $().piroBox({ my_speed: 400, //animation speed bg_alpha: 0.1, //background opacity slideShow: false, // true == slideshow on, false == slideshow off slideSpeed: 4, //slideshow duration in seconds(3 to 6 Recommended) close_all: '.piro_close,.piro_overlay'// add class .piro_overlay(with comma)if you want overlay click close piroBox }); }); </script> <link href="http://www.metamorphozis.com/free_templates/free_css_templates/metamorph_carousel/images/style.css" rel="stylesheet" type="text/css" /> </head> <body> <form id="form1" runat="server"> <div id="content"> <div style=" height:2px"></div> <div class="row"> <div class="g_size"><a href="http://www.metamorphozis.com/free_templates/free_css_templates/metamorph_carousel/images/gal1.jpg" title="1st Project Image" class="pirobox_gal1"><img src="http://www.metamorphozis.com/free_templates/free_css_templates/metamorph_carousel/images/img31.jpg" alt="" /></a></div> <div class="box_razd"></div> <div class="g_size"><a href="http://www.metamorphozis.com/free_templates/free_css_templates/metamorph_carousel/images/gal2.jpg" title="2nd Project Image" class="pirobox_gal1"><img src="http://www.metamorphozis.com/free_templates/free_css_templates/metamorph_carousel/images/img32.jpg" alt="" /></a></div> <div class="box_razd"></div> <div class="g_size"><a href="http://www.metamorphozis.com/free_templates/free_css_templates/metamorph_carousel/images/gal3.jpg" title="3rd Project Image" class="pirobox_gal1"><img src="http://www.metamorphozis.com/free_templates/free_css_templates/metamorph_carousel/images/img33.jpg" alt="" /></a></div> <div class="box_razd"></div> <div class="g_size"><a href="http://www.metamorphozis.com/free_templates/free_css_templates/metamorph_carousel/images/gal4.jpg" title="4th Project Image" class="pirobox_gal1"><img src="http://www.metamorphozis.com/free_templates/free_css_templates/metamorph_carousel/images/img34.jpg" alt="" /></a></div> </div> <div style=" height:8px"></div> <div class="row"> <div class="g_size"><a href="http://www.metamorphozis.com/free_templates/free_css_templates/metamorph_carousel/images/gal5.jpg" title="5th Project Image" class="pirobox_gal1"><img src="http://www.metamorphozis.com/free_templates/free_css_templates/metamorph_carousel/images/img35.jpg" alt="" /></a></div> <div class="box_razd"></div> <div class="g_size"><a href="http://www.metamorphozis.com/free_templates/free_css_templates/metamorph_carousel/images/gal6.jpg" title="6th Project Image" class="pirobox_gal1"><img src="http://www.metamorphozis.com/free_templates/free_css_templates/metamorph_carousel/images/img36.jpg" alt="" /></a></div> <div class="box_razd"></div> <div class="g_size"><a href="http://www.metamorphozis.com/free_templates/free_css_templates/metamorph_carousel/images/gal7.jpg" title="7th Project Image" class="pirobox_gal1"><img src="http://www.metamorphozis.com/free_templates/free_css_templates/metamorph_carousel/images/img37.jpg" alt="" /></a></div> <div class="box_razd"></div> <div class="g_size"><a href="http://www.metamorphozis.com/free_templates/free_css_templates/metamorph_carousel/images/gal8.jpg" title="8th Project Image" class="pirobox_gal1"><img src="http://www.metamorphozis.com/free_templates/free_css_templates/metamorph_carousel/images/img38.jpg" alt="" /></a></div> </div> <div style=" height:8px"></div> <div class="row"> <div class="g_size"><a href="http://www.metamorphozis.com/free_templates/free_css_templates/metamorph_carousel/images/gal9.jpg" title="9th Project Image" class="pirobox_gal1"><img src="http://www.metamorphozis.com/free_templates/free_css_templates/metamorph_carousel/images/img39.jpg" alt="" /></a></div> <div class="box_razd"></div> <div class="g_size"><a href="http://www.metamorphozis.com/free_templates/free_css_templates/metamorph_carousel/images/gal10.jpg" title="10th Project Image" class="pirobox_gal1"><img src="http://www.metamorphozis.com/free_templates/free_css_templates/metamorph_carousel/images/img310.jpg" alt="" /></a></div> <div class="box_razd"></div> <div class="g_size"><a href="http://www.metamorphozis.com/free_templates/free_css_templates/metamorph_carousel/images/gal11.jpg" title="11th Project Image" class="pirobox_gal1"><img src="http://www.metamorphozis.com/free_templates/free_css_templates/metamorph_carousel/images/img311.jpg" alt="" /></a></div> <div class="box_razd"></div> <div class="g_size"><a href="http://www.metamorphozis.com/free_templates/free_css_templates/metamorph_carousel/images/gal12.jpg" title="12th Project Image" class="pirobox_gal1"><img src="http://www.metamorphozis.com/free_templates/free_css_templates/metamorph_carousel/images/img312.jpg" alt="" /></a></div> </div> <div style=" height:8px"></div> <div class="row"> <div class="g_size"><a href="http://www.metamorphozis.com/free_templates/free_css_templates/metamorph_carousel/images/gal13.jpg" title="13th Project Image" class="pirobox_gal1"><img src="http://www.metamorphozis.com/free_templates/free_css_templates/metamorph_carousel/images/img313.jpg" alt="" /></a></div> <div class="box_razd"></div> <div class="g_size"><a href="http://www.metamorphozis.com/free_templates/free_css_templates/metamorph_carousel/images/gal14.jpg" title="14th Project Image" class="pirobox_gal1"><img src="http://www.metamorphozis.com/free_templates/free_css_templates/metamorph_carousel/images/img314.jpg" alt="" /></a></div> <div class="box_razd"></div> <div class="g_size"><a href="http://www.metamorphozis.com/free_templates/free_css_templates/metamorph_carousel/images/gal15.jpg" title="15th Project Image" class="pirobox_gal1"><img src="http://www.metamorphozis.com/free_templates/free_css_templates/metamorph_carousel/images/img315.jpg" alt="" /></a></div> <div class="box_razd"></div> <div class="g_size"><a href="http://www.metamorphozis.com/free_templates/free_css_templates/metamorph_carousel/images/gal16.jpg" title="16th Project Image" class="pirobox_gal1"><img src="http://www.metamorphozis.com/free_templates/free_css_templates/metamorph_carousel/images/img316.jpg" alt="" /></a></div> </div> <div style="clear: both"></div> </div> </form> </body> </html>Anup Das Gupta
Mark as Answer if you feel so. Visit My Blog
girizh
Member
302 Points
404 Posts
Re: Please find the problem in jQuery implementation
May 15, 2012 07:10 AM|LINK
Hello,
Many thanks, it is working. But could you tell me where did you get all those files?
I mean I used it as a header files, all the 5.. But it was not working.
How did you use all those links? These one?
<script type="text/javascript" src="http://www.metamorphozis.com/free_templates/free_css_templates/metamorph_carousel/lib/jquery-1.3.2.min.js"></script> <script type="text/javascript" src="http://www.metamorphozis.com/free_templates/free_css_templates/metamorph_carousel/lib/pirobox.js"></script> <script type="text/javascript"> $(document).ready(function () { $().piroBox({ my_speed: 400, //animation speed bg_alpha: 0.1, //background opacity slideShow: false, // true == slideshow on, false == slideshow off slideSpeed: 4, //slideshow duration in seconds(3 to 6 Recommended) close_all: '.piro_close,.piro_overlay'// add class .piro_overlay(with comma)if you want overlay click close piroBox }); }); </script> <link href="http://www.metamorphozis.com/free_templates/free_css_templates/metamorph_carousel/images/style.css" rel="stylesheet" type="text/css" /> </head>Well, how did you the following code?? How do one know that it needs to be used in that way? I simply download all js files, put it in the Script folder and just link to the page I am using..
<script type="text/javascript"> $(document).ready(function () { $().piroBox({ my_speed: 400, //animation speed bg_alpha: 0.1, //background opacity slideShow: false, // true == slideshow on, false == slideshow off slideSpeed: 4, //slideshow duration in seconds(3 to 6 Recommended) close_all: '.piro_close,.piro_overlay'// add class .piro_overlay(with comma)if you want overlay click close piroBox }); }); </script>Mark As Answer if it helps you :)
girizh
Member
302 Points
404 Posts
Re: Please find the problem in jQuery implementation
May 15, 2012 07:15 AM|LINK
Hello :)
It didn't work they way you said. However, please check my response to asteranup and please answer the query. Will help me in learning.
Many Thanks,
Girish
Mark As Answer if it helps you :)
asteranup
All-Star
30184 Points
4906 Posts
Re: Please find the problem in jQuery implementation
May 15, 2012 09:28 AM|LINK
Hi,
I have added a blog post for for the same. Check below-
http://growingtech.blogspot.in/2012/05/how-to-find-javascript-files-css-files.html
Anup Das Gupta
Mark as Answer if you feel so. Visit My Blog
girizh
Member
302 Points
404 Posts
Re: Please find the problem in jQuery implementation
May 16, 2012 06:57 AM|LINK
Hey :)
AWESOME! Ur a useful pro!
Many Thanks
Helped me definitely.
Mark As Answer if it helps you :)
girizh
Member
302 Points
404 Posts
Re: Please find the problem in jQuery implementation
May 16, 2012 07:00 AM|LINK
Final Question:
But what if I have to use the files locally?
I mean I have downloaded the .js and .css files.
How to implement .js files then? (In case the site has deleted its content, then the links will not be useful. So I just want to use internally.)
Any ideas?
Thanks in advance.
Mark As Answer if it helps you :)