[Rendimiento]  Ayuda con los conflictos jquery y javascript
* URL del foro: http://www.tusvacacioneschile.cl * Versión del foro: 1.6.3 * Actualización: 1.6.3 hola bueno me a surgido el siguiente problema: ...


hola bueno me a surgido el siguiente problema:

agrege a mi foro una galeria de imagenes jquery pero a dejado de funcionar las funciones javascript estube leyendo y para que no suceda eso abia que editar el codigo jquery agregando:

Código PHP:
jQuery.noConflict(); 

pero sigue mi problema les dejo el codigo aver si me lo editan para que funcione:

Código PHP:
<script type="text/javascript">

$(
document).ready(function() {        
    
    
//Execute the slideShow
    
slideShow();

});

function 
slideShow() {

    
//Set the opacity of all images to 0
    
$('#gallery a').css({opacity0.0});
    
    
//Get the first image and display it (set it to full opacity)
    
$('#gallery a:first').css({opacity1.0});
    
    
//Set the caption background to semi-transparent
    
$('#gallery .caption').css({opacity0.7});

    
//Resize the width of the caption according to the image width
    
$('#gallery .caption').css({width: $('#gallery a').find('img').css('width')});
    
    
//Get the caption of the first image from REL attribute and display it
    
$('#gallery .content').html($('#gallery a:first').find('img').attr('rel'))
    .
animate({opacity0.7}, 400);
    
    
//Call the gallery function to run the slideshow, 6000 = change to next image after 6 seconds
    
setInterval('gallery()',6000);
    
}

function 
gallery() {
    
    
//if no IMGs have the show class, grab the first image
    
var current = ($('#gallery a.show')?  $('#gallery a.show') : $('#gallery a:first'));

    
//Get next image, if it reached the end of the slideshow, rotate it back to the first image
    
var next = ((current.next().length) ? ((current.next().hasClass('caption'))? $('#gallery a:first') :current.next()) : $('#gallery a:first'));    
    
    
//Get next image caption
    
var caption next.find('img').attr('rel');    
    
    
//Set the fade in effect for the next image, show class has higher z-index
    
next.css({opacity0.0})
    .
addClass('show')
    .
animate({opacity1.0}, 1000);

    
//Hide the current image
    
current.animate({opacity0.0}, 1000)
    .
removeClass('show');
    
    
//Set the opacity to 0 and height to 1px
    
$('#gallery .caption').animate({opacity0.0}, { queue:falseduration:}).animate({height'1px'}, { queue:trueduration:300 });    
    
    
//Animate the caption, opacity to 0.7 and heigth to 100px, a slide up effect
    
$('#gallery .caption').animate({opacity0.7},100 ).animate({height'100px'},500 );
    
    
//Display the content
    
$('#gallery .content').html(caption);
    
    
}

</
script
Última modificación: 5 Jul, 2011, 3:51 pm por Cluster.
eso de "slideshow()" no necesita un selector o algo?
disculpa pero el codigo estava asi XD pero si puedes arreglarlo como tu qeras y funciona te lo agradeceria mucho ajajajaj Smile
Ah eso de slideshow() no necesita selector porque era una función de JavaScript (que hace correr al jQury), pensé que era una función de jQuery, ve al código ese y remplaza las $ que están antes de los paréntesis, cámbialas por "jQuery"
Última modificación: 5 Jul, 2011, 11:55 am por Royal.
ise lo que me dijiste pero no funciona lo deje asi :

Código PHP:
jQuery(document).ready(function() {        
    
    
//Execute the slideShow
    
slideShow();

});

function 
slideShow() {

    
//Set the opacity of all images to 0
    
jQuery('#gallery a').css({opacity0.0});
    
    
//Get the first image and display it (set it to full opacity)
    
jQuery('#gallery a:first').css({opacity1.0});
    
    
//Set the caption background to semi-transparent
    
jQuery('#gallery .caption').css({opacity0.7});

    
//Resize the width of the caption according to the image width
    
jQuery('#gallery .caption').css({width: $('#gallery a').find('img').css('width')});
    
    
//Get the caption of the first image from REL attribute and display it
    
jQuery('#gallery .content').html($('#gallery a:first').find('img').attr('rel'))
    .
animate({opacity0.7}, 400);
    
    
//Call the gallery function to run the slideshow, 6000 = change to next image after 6 seconds
    
setInterval('gallery()',6000);
    
}

function 
gallery() {
    
    
//if no IMGs have the show class, grab the first image
    
var current = ($('#gallery a.show')?  $('#gallery a.show') : $('#gallery a:first'));

    
//Get next image, if it reached the end of the slideshow, rotate it back to the first image
    
var next = ((current.next().length) ? ((current.next().hasClass('caption'))? $('#gallery a:first') :current.next()) : $('#gallery a:first'));    
    
    
//Get next image caption
    
var caption next.find('img').attr('rel');    
    
    
//Set the fade in effect for the next image, show class has higher z-index
    
next.css({opacity0.0})
    .
addClass('show')
    .
animate({opacity1.0}, 1000);

    
//Hide the current image
    
current.animate({opacity0.0}, 1000)
    .
removeClass('show');
    
    
//Set the opacity to 0 and height to 1px
    
jQuery('#gallery .caption').animate({opacity0.0}, { queue:falseduration:}).animate({height'1px'}, { queue:trueduration:300 });    
    
    
//Animate the caption, opacity to 0.7 and heigth to 100px, a slide up effect
    
jQuery('#gallery .caption').animate({opacity0.7},100 ).animate({height'100px'},500 );
    
    
//Display the content
    
jQuery('#gallery .content').html(caption);
    
    


ayuda SadSad
te falto en donde dice var current y var next
man porfabor te lo pido escribeme el codigo cambiado tu porque lo e echo y sigue sin funcionar Sad

aca te dejo el codigo original:

Código PHP:
$(document).ready(function() {        
    
    
//Execute the slideShow
    
slideShow();

});

function 
slideShow() {

    
//Set the opacity of all images to 0
    
$('#gallery a').css({opacity0.0});
    
    
//Get the first image and display it (set it to full opacity)
    
$('#gallery a:first').css({opacity1.0});
    
    
//Set the caption background to semi-transparent
    
$('#gallery .caption').css({opacity0.7});

    
//Resize the width of the caption according to the image width
    
$('#gallery .caption').css({width: $('#gallery a').find('img').css('width')});
    
    
//Get the caption of the first image from REL attribute and display it
    
$('#gallery .content').html($('#gallery a:first').find('img').attr('rel'))
    .
animate({opacity0.7}, 400);
    
    
//Call the gallery function to run the slideshow, 6000 = change to next image after 6 seconds
    
setInterval('gallery()',6000);
    
}

function 
gallery() {
    
    
//if no IMGs have the show class, grab the first image
    
var current = ($('#gallery a.show')?  $('#gallery a.show') : $('#gallery a:first'));

    
//Get next image, if it reached the end of the slideshow, rotate it back to the first image
    
var next = ((current.next().length) ? ((current.next().hasClass('caption'))? $('#gallery a:first') :current.next()) : $('#gallery a:first'));    
    
    
//Get next image caption
    
var caption next.find('img').attr('rel');    
    
    
//Set the fade in effect for the next image, show class has higher z-index
    
next.css({opacity0.0})
    .
addClass('show')
    .
animate({opacity1.0}, 1000);

    
//Hide the current image
    
current.animate({opacity0.0}, 1000)
    .
removeClass('show');
    
    
//Set the opacity to 0 and height to 1px
    
$('#gallery .caption').animate({opacity0.0}, { queue:falseduration:}).animate({height'1px'}, { queue:trueduration:300 });    
    
    
//Animate the caption, opacity to 0.7 and heigth to 100px, a slide up effect
    
$('#gallery .caption').animate({opacity0.7},100 ).animate({height'100px'},500 );
    
    
//Display the content
    
$('#gallery .content').html(caption);
    
    

(5 Jul, 2011, 10:49 am)pipotalamo escribió:
hola bueno me a surgido el siguiente problema:

agrege a mi foro una galeria de imagenes jquery pero a dejado de funcionar las funciones javascript estube leyendo y para que no suceda eso abia que editar el codigo jquery agregando:

Código PHP:
jQuery.noConflict(); 

pero sigue mi problema les dejo el codigo aver si me lo editan para que funcione:

Código PHP:
<script type="text/javascript">

$(
document).ready(function() {        
    
    
//Execute the slideShow
    
slideShow();

});

function 
slideShow() {

    
//Set the opacity of all images to 0
    
$('#gallery a').css({opacity0.0});
    
    
//Get the first image and display it (set it to full opacity)
    
$('#gallery a:first').css({opacity1.0});
    
    
//Set the caption background to semi-transparent
    
$('#gallery .caption').css({opacity0.7});

    
//Resize the width of the caption according to the image width
    
$('#gallery .caption').css({width: $('#gallery a').find('img').css('width')});
    
    
//Get the caption of the first image from REL attribute and display it
    
$('#gallery .content').html($('#gallery a:first').find('img').attr('rel'))
    .
animate({opacity0.7}, 400);
    
    
//Call the gallery function to run the slideshow, 6000 = change to next image after 6 seconds
    
setInterval('gallery()',6000);
    
}

function 
gallery() {
    
    
//if no IMGs have the show class, grab the first image
    
var current = ($('#gallery a.show')?  $('#gallery a.show') : $('#gallery a:first'));

    
//Get next image, if it reached the end of the slideshow, rotate it back to the first image
    
var next = ((current.next().length) ? ((current.next().hasClass('caption'))? $('#gallery a:first') :current.next()) : $('#gallery a:first'));    
    
    
//Get next image caption
    
var caption next.find('img').attr('rel');    
    
    
//Set the fade in effect for the next image, show class has higher z-index
    
next.css({opacity0.0})
    .
addClass('show')
    .
animate({opacity1.0}, 1000);

    
//Hide the current image
    
current.animate({opacity0.0}, 1000)
    .
removeClass('show');
    
    
//Set the opacity to 0 and height to 1px
    
$('#gallery .caption').animate({opacity0.0}, { queue:falseduration:}).animate({height'1px'}, { queue:trueduration:300 });    
    
    
//Animate the caption, opacity to 0.7 and heigth to 100px, a slide up effect
    
$('#gallery .caption').animate({opacity0.7},100 ).animate({height'100px'},500 );
    
    
//Display the content
    
$('#gallery .content').html(caption);
    
    
}

</
script

Intenta:
Código PHP:
<script type="text/javascript">
jQuery.noConflict();
jQuery(document).ready(function($) {    
    
//Execute the slideShow
    
slideShow();
});
function 
slideShow() {
    
//Set the opacity of all images to 0
    
$('#gallery a').css({opacity0.0});
    
//Get the first image and display it (set it to full opacity)
    
$('#gallery a:first').css({opacity1.0});
    
//Set the caption background to semi-transparent
    
$('#gallery .caption').css({opacity0.7});
    
//Resize the width of the caption according to the image width
    
$('#gallery .caption').css({width: $('#gallery a').find('img').css('width')});
    
//Get the caption of the first image from REL attribute and display it
    
$('#gallery .content').html($('#gallery a:first').find('img').attr('rel'))
    .
animate({opacity0.7}, 400);
    
//Call the gallery function to run the slideshow, 6000 = change to next image after 6 seconds
    
setInterval('gallery()',6000);
}
function 
gallery() {
    
//if no IMGs have the show class, grab the first image
    
var current = ($('#gallery a.show')?  $('#gallery a.show') : $('#gallery a:first'));
    
//Get next image, if it reached the end of the slideshow, rotate it back to the first image
    
var next = ((current.next().length) ? ((current.next().hasClass('caption'))? $('#gallery a:first') :current.next()) : $('#gallery a:first'));    
    
//Get next image caption
    
var caption next.find('img').attr('rel');    
    
//Set the fade in effect for the next image, show class has higher z-index
    
next.css({opacity0.0})
    .
addClass('show')
    .
animate({opacity1.0}, 1000);
    
//Hide the current image
    
current.animate({opacity0.0}, 1000)
    .
removeClass('show');
    
//Set the opacity to 0 and height to 1px
    
$('#gallery .caption').animate({opacity0.0}, { queue:falseduration:}).animate({height'1px'}, { queue:trueduration:300 });    
    
//Animate the caption, opacity to 0.7 and heigth to 100px, a slide up effect
    
$('#gallery .caption').animate({opacity0.7},100 ).animate({height'100px'},500 );
    
//Display the content
    
$('#gallery .content').html(caption);
}
</
script

O:
Código PHP:
<script type="text/javascript">
jQuery.noConflict();
jQuery(document).ready(function(){    
    
//Execute the slideShow
    
slideShow();
});
function 
slideShow() {
    
//Set the opacity of all images to 0
    
jQuery('#gallery a').css({opacity0.0});
    
//Get the first image and display it (set it to full opacity)
    
jQuery('#gallery a:first').css({opacity1.0});
    
//Set the caption background to semi-transparent
    
jQuery('#gallery .caption').css({opacity0.7});
    
//Resize the width of the caption according to the image width
    
jQuery('#gallery .caption').css({widthjQuery('#gallery a').find('img').css('width')});
    
//Get the caption of the first image from REL attribute and display it
    
jQuery('#gallery .content').html(jQuery('#gallery a:first').find('img').attr('rel'))
    .
animate({opacity0.7}, 400);
    
//Call the gallery function to run the slideshow, 6000 = change to next image after 6 seconds
    
setInterval('gallery()',6000);
}
function 
gallery() {
    
//if no IMGs have the show class, grab the first image
    
var current = (jQuery('#gallery a.show')?  jQuery('#gallery a.show') : jQuery('#gallery a:first'));
    
//Get next image, if it reached the end of the slideshow, rotate it back to the first image
    
var next = ((current.next().length) ? ((current.next().hasClass('caption'))? jQuery('#gallery a:first') :current.next()) : jQuery('#gallery a:first'));    
    
//Get next image caption
    
var caption next.find('img').attr('rel');    
    
//Set the fade in effect for the next image, show class has higher z-index
    
next.css({opacity0.0})
    .
addClass('show')
    .
animate({opacity1.0}, 1000);
    
//Hide the current image
    
current.animate({opacity0.0}, 1000)
    .
removeClass('show');
    
//Set the opacity to 0 and height to 1px
    
jQuery('#gallery .caption').animate({opacity0.0}, { queue:falseduration:}).animate({height'1px'}, { queue:trueduration:300 });    
    
//Animate the caption, opacity to 0.7 and heigth to 100px, a slide up effect
    
jQuery('#gallery .caption').animate({opacity0.7},100 ).animate({height'100px'},500 );
    
//Display the content
    
jQuery('#gallery .content').html(caption);
}
</
script
{SIGNATURE_IMAGE}
Última modificación: 5 Jul, 2011, 2:54 pm por Black Men.