conflict phoca gallery with my jquery code
Posted: 24 Nov 2012, 23:11
hello every freind.
please help me quickly i very need to it
i install phoca gallery 2.8.1
and used it whitout any problem
but when i add this code to my template the phoca gallery highslide, slimbox , shadowbox , JAKbox not work and when click on a photo as gallery open new tab in browser maximazed.
i think this problem is not from my code becuase when i remove all jquery code the probel not Solve .
but when i remove
<script type="text/javascript" src="<?php echo $this->baseurl ?>/templates/test/jquery-1.6.3.min.js"></script>
phoca gallery is true
my code is :
<script type="text/javascript" src="<?php echo $this->baseurl ?>/templates/test/jquery-1.6.3.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#bar2").hide();
$(function () {
$(window).scroll(function () {
if ($(this).scrollTop() < 10) {
$("#bar2").slideUp();
$("#bar3").slideDown();
$('#goto-slide').fadeIn();
} else {
$("#bar3").slideUp();
$("#bar2").slideDown();
$('#goto-slide').fadeOut();
}
});
});
$("#bar3").each(function(){
$("#bar3").hover(function(){
$("#bar3").animate({top:"0px"}, {queue:false, duration:200});
},function() {
$("#bar3").animate({top:"-35px"}, {queue:false, duration:500});
});
});
$('#goto-slide-link').click(function () {
$('html, body').animate({
scrollTop: $("#anchor").offset().top
}, 1000);return false;
});
$(function(){
for(i=0;i<10000;i++)
{ $(".flasher").delay(2000).fadeOut().delay(300).fadeIn();}
});});
</script>
please help me quickly i very need to it
i install phoca gallery 2.8.1
and used it whitout any problem
but when i add this code to my template the phoca gallery highslide, slimbox , shadowbox , JAKbox not work and when click on a photo as gallery open new tab in browser maximazed.
i think this problem is not from my code becuase when i remove all jquery code the probel not Solve .
but when i remove
<script type="text/javascript" src="<?php echo $this->baseurl ?>/templates/test/jquery-1.6.3.min.js"></script>
phoca gallery is true
my code is :
<script type="text/javascript" src="<?php echo $this->baseurl ?>/templates/test/jquery-1.6.3.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#bar2").hide();
$(function () {
$(window).scroll(function () {
if ($(this).scrollTop() < 10) {
$("#bar2").slideUp();
$("#bar3").slideDown();
$('#goto-slide').fadeIn();
} else {
$("#bar3").slideUp();
$("#bar2").slideDown();
$('#goto-slide').fadeOut();
}
});
});
$("#bar3").each(function(){
$("#bar3").hover(function(){
$("#bar3").animate({top:"0px"}, {queue:false, duration:200});
},function() {
$("#bar3").animate({top:"-35px"}, {queue:false, duration:500});
});
});
$('#goto-slide-link').click(function () {
$('html, body').animate({
scrollTop: $("#anchor").offset().top
}, 1000);return false;
});
$(function(){
for(i=0;i<10000;i++)
{ $(".flasher").delay(2000).fadeOut().delay(300).fadeIn();}
});});
</script>