Hello…I am trying to put two jquery in a single page but only one jquery which is below the first one is working. I read this thread and I replaced the $ with Jquery …But nouse. Please help me…
Here is the code…
<script language=“javascript” type=“text/javascript” src=“js/jquery-1.3.1.min.js”></script>
<script language=“javascript” type=“text/javascript” src=“js/jquery.scrollTo.js”></script>
<script type=“text/javascript” language=“javascript”>
jQuery(document).ready(function() {
//Speed of the slideshow
var speed = 5000;
//You have to specify width and height in #slider CSS properties
//After that, the following script will set the width and height accordingly
jQuery('#mask-gallery, #gallery li').width(jQuery('#slider').width());
jQuery('#gallery').width(jQuery('#slider').width() * jQuery('#gallery li').length);
jQuery('#mask-gallery, #gallery li, #mask-excerpt, #excerpt li').height(jQuery('#slider').height());
//Assign a timer, so it will run periodically
var run = setInterval('newsscoller(0)', speed);
jQuery('#gallery li:first, #excerpt li:first').addClass('selected');
//Pause the slidershow with clearInterval
jQuery('#btn-pause').click(function () {
clearInterval(run);
return false;
});
//Continue the slideshow with setInterval
jQuery('#btn-play').click(function () {
run = setInterval('newsscoller(0)', speed);
return false;
});
//Next Slide by calling the function
jQuery('#btn-next').click(function () {
newsscoller(0);
return false;
});
//Previous slide by passing prev=1
jQuery('#btn-prev').click(function () {
newsscoller(1);
return false;
});
//Mouse over, pause it, on mouse out, resume the slider show
jQuery('#slider').hover(
function() {
clearInterval(run);
},
function() {
run = setInterval('newsscoller(0)', speed);
}
);
});
function newsscoller(prev) {
//Get the current selected item (with selected class), if none was found, get the first item
var current_image = jQuery('#gallery li.selected').length ? jQuery('#gallery li.selected') : jQuery('#gallery li:first');
var current_excerpt = jQuery('#excerpt li.selected').length ? jQuery('#excerpt li.selected') : jQuery('#excerpt li:first');
//if prev is set to 1 (previous item)
if (prev) {
//Get previous sibling
var next_image = (current_image.prev().length) ? current_image.prev() : jQuery('#gallery li:last');
var next_excerpt = (current_excerpt.prev().length) ? current_excerpt.prev() : jQuery('#excerpt li:last');
//if prev is set to 0 (next item)
} else {
//Get next sibling
var next_image = (current_image.next().length) ? current_image.next() : jQuery('#gallery li:first');
var next_excerpt = (current_excerpt.next().length) ? current_excerpt.next() : jQuery('#excerpt li:first');
}
//clear the selected class
jQuery('#excerpt li, #gallery li').removeClass('selected');
//reassign the selected class to current items
next_image.addClass('selected');
next_excerpt.addClass('selected');
//Scroll the items
jQuery('#mask-gallery').scrollTo(next_image, 800);
jQuery('#mask-excerpt').scrollTo(next_excerpt, 800);
}
</script>
<script type="text/javascript" src="js/jquery.js" ></script>
<script type="text/javascript" src="js/jquery-bp.js" ></script>
<script type="text/javascript" >
var site_url = '';
var nav = [ ‘#home’, ‘#about’, ‘#services’, ‘#solutions’, ‘#contact’ ];
jQuery(document).ready(function(){
setBkgPos();
for ( i = 0; i < nav.length; i++ ) {
jQuery(nav[i]).bind( 'mouseover', mMouseOver );
jQuery(nav[i]).bind( 'mouseout', mMouseOut );
jQuery(nav[i]).bind( 'click', mClick );
}
for ( i = 0; i < nav.length; i++ ) {
// element with ‘active’ class will start animation
if ( jQuery(nav[i]).get(0).className.indexOf('active') >= 0 ){
jQuery(nav[i])
.animate({ backgroundPosition:'(' + _getHPos( nav[i] ) +'px -30px}'},"fast",
function(){
jQuery(this)
.children()
.animate({backgroundPosition:'(0px -40px)'},20)
.animate({backgroundPosition:'(0px -20px)'},"fast");
jQuery(this)
.animate({backgroundPosition:'(' + _getHPos( nav[i] ) +'px 50px)'},"fast")
.animate({backgroundPosition:'(' + _getHPos( nav[i] ) +'px 25px)'},"fast");
var parent = this;
jQuery(this)
.children()
.animate( {backgroundPosition:'(0px -45px)'},"fast",function(){
jQuery(parent).animate({backgroundPosition:'(' + _getHPos( parent.id ) +'px 25px)'},"fast");
jQuery(parent).css({backgroundImage: 'url(img/nav.png)'});
});
});
break;
}
}
});
function _getHPos( id )
{
for ( i = 0; i < nav.length; i++ ){
if ( ‘#’ + id == nav[i] ){
return i*(-98);
}
}
return 0;
}
function setBkgPos()
{
for ( i = 0; i < nav.length; i++ ){
jQuery(nav[i]).css({backgroundPosition: i*(-98) + ‘px -25px’});
jQuery(nav[i] + ’ div’).css({ backgroundPosition: ‘0px -60px’});
}
}
function mMouseOver(e)
{
// element with ‘active’ class will ignore this event and do nothing
if ( this.className.indexOf(‘active’) >= 0 ){
return;
}
jQuery(this)
// stop any animation that took place before this
.stop()
// step 1. change the image file
.css({backgroundImage: 'url(img/nav-over.png)',cursor: 'pointer'})
// step.2 move up the navigation item a bit
.animate({ backgroundPosition:'(' + _getHPos( this.id ) +'px -30px}'},"fast",
// this section will be executed after the step.2 is done
function(){
jQuery(this)
.children()
// step. 3 move the white box down
.animate({backgroundPosition:'(0px -40px)'},20)
// step 4. move the white box down
.animate({backgroundPosition:'(0px -20px)'},"fast");
jQuery(this)
// step 4. move the navigation item down
.animate({backgroundPosition:'(' + _getHPos( this.id ) +'px 50px)'},"fast")
// step 5. move the navigation item to its final position
.animate({backgroundPosition:'(' + _getHPos( this.id ) +'px 25px)'},"fast");
// store the parent element id for later usage
var parent = this;
jQuery(this)
.children()
// step 5. move the white box to its final position
.animate( {backgroundPosition:'(0px -45px)'},"fast",
// this section will be executed after the step.5 is done
function(){
// step.6 change the image to its original image
jQuery(parent).css({backgroundImage: 'url(img/nav.png)'});
});
});
}
function mMouseOut(e)
{
// element with ‘active’ class will ignore this event and do nothing
if ( this.className.indexOf(‘active’) >= 0 ){
return;
}
jQuery(this)
// stop any animation that took place before this
.stop()
// step.1 move down navigation item
.animate({backgroundPosition:'(' + _getHPos( this.id ) +'px 40px )'}, "fast",
// this section will be executed after the step.1 is done
function(){
// step.2 white box move really fast
jQuery(this).children().animate({backgroundPosition:'(0px 70px)'}, "fast");
// step 3. move navigation item up
jQuery(this).animate( {backgroundPosition:'(' + _getHPos( this.id ) +'px -40px)'}, "fast",
// this section will be executed after the step.3 is done
function(){
// step 4. move navigation item ot its original position
jQuery(this).animate( {backgroundPosition:'(' + _getHPos( this.id ) +'px -25px)'}, "fast",
// this section will be executed after the step.4 is done
function(){
// move white box to its original position, ready for next animation
jQuery(this).children().css({ backgroundPosition:'0px -60px'});
})
})
})
.css({backgroundImage: 'url(img/nav.png)', cursor: ''});
}
function mClick(e)
{
location.href = this.id;
}
</script>
