Aplicar "no conflict" (JQuery)

[Lucas Ramos_168509 0]

 

 

 

 

 

Não estou conseguindo aplicar...alguém poderia me ajudar?

<script>

 

 

$(document).ready(function(){

initSponsors();

});

 

 

$(window).load(function(){

initSliders();

});

 

function initSponsors(){

if ($('#sponsors #sponsors-carousel').get(0)) {

$('#sponsors-carousel').jcarousel({

scroll: 1,

animation: 200

});

}

}

 

/**

* Init Slider after $(window).load

**/

function getSlider(sliderElementId, sliderItemClass, sliderStep){

showLoader(sliderElementId);

var $scrollPane = $( sliderElementId+" .scroll-pane" ),

$scrollContent = $( sliderElementId+" .scroll-content" ),

$scrollNavigation = $(sliderElementId+' .navigation'),

slides = $(sliderElementId+' .scroll-content '+sliderItemClass).size(),

sliderWidth = scrollContentPaddingLeft = scrollContentPaddingRight = 0;

 

if($('#map').get(0)) {

$(sliderElementId+' .scroll-content '+sliderItemClass+':last').css({'marginRight':'0px'});

}

 

if($scrollContent.css('padding-left')){

scrollContentPaddingLeft = parseInt($scrollContent.css('padding-left').replace('px',''));

}

if($scrollContent.css('padding-right')){

scrollContentPaddingRight = parseInt($scrollContent.css('padding-right').replace('px',''));

}

 

$(sliderElementId+' .scroll-content '+sliderItemClass).each(function(){

sliderWidth = parseInt(sliderWidth + $(this).outerWidth(true));

});

sliderWidth = sliderWidth + scrollContentPaddingLeft + scrollContentPaddingRight;

 

/**

* add prevnext buttons

*/

$scrollContent.append('<a href="#" class="scroll-pane-next">next</a><a href="#" class="scroll-pane-prev">prev</a>');

var $scrollPaneNext = $(sliderElementId+' .scroll-pane-next'),

$scrollPanePrev = $(sliderElementId+' .scroll-pane-prev');

 

$scrollContent.css({'width': sliderWidth+3});

 

/**

* show-hide nav buttons

*/

if($scrollPane.outerWidth(true) > sliderWidth){

$scrollNavigation.hide();

$scrollPaneNext.hide();

$scrollPanePrev.hide();

}else{

$scrollPaneNext.show();

}

 

/**

* on window resize

*/

$(window).resize(function(){

if($scrollPane.outerWidth(true) > sliderWidth){

$scrollNavigation.hide();

$scrollPaneNext.hide();

$scrollPanePrev.hide();

$scrollContent.animate({ marginLeft: 0 }, 300, "easeIn" , function(){});

$(sliderElementId+' .ui-slider-horizontal .ui-slider-handle').animate({ left: '0%' }, 300, "easeIn" , function(){});

}else{

$scrollNavigation.show();

if($(sliderElementId+' .ui-slider-horizontal .ui-slider-handle').css('left') == '0px'){

$scrollPaneNext.show();

$scrollPanePrev.hide();

}else{

$scrollPaneNext.show();

$scrollPanePrev.show();

}

}

});

 

//build slider

var slide_handler = function( event, ui ) {

if(ui.value == 0){

$scrollPanePrev.hide();

}else{

$scrollPanePrev.show();

}

if(ui.value == 100){

$scrollPaneNext.hide();

}else{

$scrollPaneNext.show();

}

if( $scrollPane.outerWidth(true) < sliderWidth ) {

$scrollContent.css( "margin-left" ) === "auto" ? 0 : $scrollContent.css( "margin-left", Math.round( ui.value / 100 * ( $scrollPane.width() - sliderWidth ) ) + "px" );

} else {

$scrollContent.css( "margin-left", 0 );

}

};

 

var scrollbar = $(sliderElementId+" .scroll-bar").slider({

slide: slide_handler,

change: slide_handler

});

 

// init mousewheel

$scrollContent.on( 'mousewheel', function(event, delta){

if(event.originalEvent.wheelDeltaX < 0 || event.originalEvent.wheelDeltaX > 0 || event.originalEvent.axis == 1){

if($scrollPane.outerWidth(true) < sliderWidth){

if(delta > 0){

$scrollPanePrev.click();

}else if(delta < 0){

$scrollPaneNext.click();

}

}

event.preventDefault(); //stop any default behaviour

}

});

 

//append icon to handle

if(!$(sliderElementId+' .ui-handle-helper-parent').get(0)){

$(sliderElementId+' .ui-slider-handle').wrap( '<div class="ui-handle-helper-parent"></div>' );

}

 

//change overflow to hidden now that slider handles the scrolling

$scrollPane.css( "overflow", "hidden" );

 

var scrollBarWidth = $(sliderElementId+' .scroll-bar').width(),

scrollerWidth = parseInt(scrollBarWidth/slides);

$(sliderElementId+' a.ui-slider-handle').width(scrollerWidth);

var scrollerPadding = parseInt(scrollerWidth/2);

$(sliderElementId+' .scroll-bar-wrap .ui-handle-helper-parent').width(parseInt(scrollBarWidth-scrollerWidth-(scrollerPadding*2)));

$(sliderElementId+' .scroll-bar-wrap .ui-handle-helper-parent').css('padding','0 '+ scrollerPadding+'px');

$(sliderElementId+' a.ui-slider-handle').css('margin-left',-parseInt(scrollerWidth/2)+'px');

 

var popupSliderInAction = false;

$(sliderElementId+' .scroll-pane a.next, '+sliderElementId+' .scroll-pane a.prev, '+sliderElementId+' .scroll-pane-next, '+sliderElementId+' .scroll-pane-prev').unbind('click').click(function() {

if(popupSliderInAction == true) return false;

popupSliderInAction = true;

 

var current_margin = 0,

newMargin = 0,

maxMargin = 0,

window_width = $(sliderElementId).width(),

scrollWidth = $scrollContent.width(),

maxMargin = parseInt(window_width - scrollWidth),

step = parseInt(($(sliderElementId+' .ui-slider-handle').width()/($(sliderElementId+' .scroll-bar-wrap').width()-scrollerWidth))*100)+'%';

 

if($scrollContent.css('margin-left') != 'auto'){

current_margin = parseInt($scrollContent.css('margin-left').replace('px', ''));

}

 

if($(this).hasClass('next') || $(this).hasClass('scroll-pane-next') ){

newMargin = parseInt(current_margin - sliderStep);

if (newMargin <= maxMargin){

$scrollContent.animate({ marginLeft: maxMargin }, 500, 'easeOutQuad' , function(){});

$(sliderElementId+' .ui-slider-horizontal .ui-slider-handle').animate({ left: '100%' }, 500, 'easeOutQuad' , function(){

$scrollPaneNext.hide();

$scrollPanePrev.show();

popupSliderInAction = false;

});

} else {

$scrollPaneNext.show();

$scrollPanePrev.show();

$scrollContent.animate({ marginLeft: newMargin }, 500, 'easeOutQuad' , function(){});

$(sliderElementId+' .ui-slider-horizontal .ui-slider-handle').animate({ left: '+='+step+'' }, 500, 'easeOutQuad' , function(){

popupSliderInAction = false;

});

}

} else {

maxMargin = 0;

newMargin = current_margin + sliderStep;

if (newMargin >= maxMargin){

$scrollContent.animate({ marginLeft: maxMargin }, 500, 'easeOutQuad' , function(){});

$(sliderElementId+' .ui-slider-horizontal .ui-slider-handle').animate({ left: '0%' }, 500, 'easeOutQuad' , function(){

$scrollPanePrev.hide();

$scrollPaneNext.show();

popupSliderInAction = false;

});

} else {

$scrollPanePrev.show();

$scrollPaneNext.show();

$scrollContent.animate({ marginLeft: newMargin }, 500, 'easeOutQuad' , function(){});

$(sliderElementId+' .ui-slider-horizontal .ui-slider-handle').animate({ left: '-='+step+'' }, 500, 'easeOutQuad' , function(){

popupSliderInAction = false;

});

}

}

return false;

});

$allInnerItems = $(sliderElementId+' .scroll-content '+sliderItemClass+' .inner-item');

$allItems = $(sliderElementId+' .scroll-content '+sliderItemClass);

if ($allInnerItems.get(0)) {

$allInnerItems.hide();

}

else if ($allItems.get(0)) {

$allItems.hide();

}

hideLoader(sliderElementId);

$scrollNavigation.css({'visibility':'visible','display':'none'});

$scrollContent.css({'visibility':'visible','display':'none'}).fadeIn('fast', 'easeOutQuad');

if ($scrollPane.outerWidth(true) < sliderWidth){

$scrollNavigation.fadeIn('fast', 'easeOutQuad');

}

/**

* blocks fadeIn

*/

if ($allInnerItems.get(0)) {

var $first_element = $allItems.eq(0);

sliderFadeInNext($first_element);

}

else if ($allItems.get(0)) {

var $first_element = $allItems.eq(0);

sliderItemsFadeInNext($first_element);

}

}

 

function sliderFadeInNext($parent_element) {

if ($parent_element.hasClass('item')) {

sliderFadeAllInner($parent_element);

}

else {

return false;

}

}

 

function sliderFadeAllInner($parent_element) {

var $inner_items = $parent_element.children('div.inner-item');

var size = $inner_items.size();

if (size>0) {

var $first_element = $inner_items.eq(0);

sliderFadeInNextInner($first_element, $parent_element);

}

else {

var $next_parent_element = $parent_element.next();

sliderFadeInNext($next_parent_element);

}

}

 

function sliderFadeInNextInner($element, $parent_element) {

if ($element.get(0)) {

var $next_element = $element.next();

$element.fadeIn('fast', function() {

sliderFadeInNextInner($next_element, $parent_element);

});

}

else {

var $next_parent_element = $parent_element.next();

sliderFadeInNext($next_parent_element);

}

}

 

function sliderItemsFadeInNext($element) {

if ($element.get(0) && $element.hasClass('item')) {

var $next_element = $element.next();

$element.fadeIn('fast', 'easeOutQuad', function() {

if ($next_element.get(0)) {

sliderItemsFadeInNext($next_element);

}

});

}

else {

return false;

}

}

 

function getSliderItemSize(sliderElementId, sliderItemClass){

 

/**

* adjust height

*/

var minImageHeight = 0;

var $images = $(sliderElementId+' '+sliderItemClass+' img');

$images.each(function(){

if(minImageHeight==0) minImageHeight = $(this).height();

if ($(this).height() < minImageHeight) {

minImageHeight = $(this).height();

}

});

 

/**

* adjust width

*/

$images.height(minImageHeight);

$images.each(function(index, item) {

var imageWidth = $(item).width();

$(item).parent().width(imageWidth);

$(item).parent().parent().width(imageWidth);

});

}

 

function checkDarkerGreyNeed(sliderElementId, sliderItemClass) {

if(!$(sliderElementId).get(0)) return;

var isNavVisible = $(sliderElementId+' div.navigation').css('display');

if(isNavVisible=='none') {

var scrollPaneWidth = $(sliderElementId+' div.scroll-pane').width();

var emptyDivWidth = scrollPaneWidth;

emptyDivWidth -= parseInt($(sliderElementId+' div.scroll-content').css('paddingLeft'));

var $items = $(sliderElementId+' div.scroll-content').children('div.'+sliderItemClass);

$items.each(function(index, item) {

emptyDivWidth = emptyDivWidth-$(item).width()-parseInt($(item).css('marginRight'));

});

if(emptyDivWidth>0) {

/**

* add empty element if not exist

*/

if(!$(sliderElementId+' div.scroll-pane div.empty-item').get(0)) {

$(sliderElementId+' div.scroll-pane').append('<div class="empty-item"><div class="image-holder"></div></div>');

}

/**

* set size for the empty element

*/

var $emptyItem = $(sliderElementId+' div.scroll-pane div.empty-item');

$emptyItem.width(emptyDivWidth);

var holderHeight = $(sliderElementId+' '+sliderItemClass+' img:eq(0)').height();

$emptyItem.children('div.image-holder').height(holderHeight);

}

/**

* remove empty item element

*/

else {

$(sliderElementId+' div.scroll-pane div.empty-item').remove();

}

}

else {

$(sliderElementId+' div.scroll-pane div.empty-item').remove();

}

}

 

$(window).resize(function(){

checkDarkerGreyNeed('#slider-museum-details', '.item');

checkDarkerGreyNeed('#slider-exhibition-detail', '.item');

});

 

function initSliders(){

if($('#slider').get(0)){

getSlider('#slider', '.item', 614);

getGridBlockHover('#slider .item .inner-item');

}

if($('#slider-museums').get(0)){

getSlider('#slider-museums', '.item', 920);

getGridBlockHover('#slider-museums .inner-item');

}

if($('#slider-museum-details').get(0)){

getSliderItemSize('#slider-museum-details', '.item');

getSlider('#slider-museum-details', '.item', 920);

checkDarkerGreyNeed('#slider-museum-details', '.item');

}

if($('#slider-tours').get(0)){

getSlider('#slider-tours', '.item', 614);

getGridBlockHover('#slider-tours .inner-item');

}

if($('#slider-artworks').get(0)){

getSlider('#slider-artworks', '.item', 614);

getGridBlockHover('#slider-artworks .inner-item');

}

if($('#slider-tour-detail').get(0)){

getSlider('#slider-tour-detail', '.item', 614);

getGridBlockHover('#slider-tour-detail .inner-item');

}

if($('#slider-exhibition-detail').get(0)){

getSliderItemSize('#slider-exhibition-detail', '.item');

getSlider('#slider-exhibition-detail', '.item', 920);

checkDarkerGreyNeed('#slider-exhibition-detail', '.item');

}

}

 

 

</script>

[Thomas Piedade 21]

se vc fizer assim:

 

jQuery(document).ready(function(){
	initSponsors();
});

já evita muitos conflitos

[William Bruno 1501]

pq vc acha q precisa de noConflict ?

 

Ele serve para usar 2 libs diferentes que usam o $, ou seja, jQuery + Motools, jQuery + Scriptaculous...

 

O que parece que não é o seu caso.