Nouveau problème avec lavalamp

mad42 Messages postés 26 Statut Membre -  
 Kibas -
Bonjour,

je suis toujours sous mon menu avec lavalamp et Jquery comme indiquer dans cet exemple :

http://www.gmarwaha.com/blog/2007/08/23/lavalamp-for-jquery-lovers/

Voici ma fonction javascript:
<script type="text/javascript">
$(function() {
$("#1").lavaLamp({
fx: "backout",
speed: 700,
click: function(event, menuItem) {
return true;
}
});
});
</script>

Voici mon menu:

<ul class="lavaLampWithImage" id="1">
<li><a href="toto.php">Toto</a></li>
<li><a href="titi.php">Titi</a></li>
<li><a href="tata.php">Tata</a></li>
</ul>

Les fichiers javascript que j'inclut sont les suivants :
jquery-1.1.3.1.min.js
jquery.easing.js
jquery.lavalamp.min.js

Mon dernier problème est que même si mon menu s'anime bien, mon image de fond ne se colle pas sur le lien sur lequel j'ai cliqué.

Je vous remercie une nouvelle fois par avance de l'aide que vous pourrez m'apportez
A voir également:

1 réponse

DenarLeber
 
OK c bon j'ai trouvé !!
dans l'appel de la classe lavaLampWithImage, remplace le RETURN FALSE, par RETURNE TRUE,
voici le code modifié :

$(".lavaLampWithImage, .lavaLampNoImage, .lavaLampBottomStyle").lavaLamp({
fx: "backout",
speed: 700,
click: function() {return true ;}

@+
0
mad42 Messages postés 26 Statut Membre 1
 
Merci bien je testerais ce soir
0
mad42 Messages postés 26 Statut Membre 1
 
Salut,

en fait j'avais déjà mis true a la place de false dans ma fonction

$(function() {
$("#1").lavaLamp({
fx: "backout",
speed: 700,
click: function(event, menuItem) {
return true;
}
});
});

<ul class="lavaLampWithImage" id="1">
1 correspond à l'id de l'ul.

j'ai mis cette fonction sur mes différentes pages.

le problème est que meme si l'image de fond slide bien sur l'ensemble du menu, elle reste toujours sur le premier élément de celui-ci, je sais toujours pas pourquoi.

Merci bien pour ton aide

A+
0
Kibas > mad42 Messages postés 26 Statut Membre
 
Bonjour,

je viens d'installer un nouveau thème sur mon blog Worpdress.
il comprend un slide
<script type="text/javascript">
var $jx = jQuery.noConflict(); 
$jx(function() {
 $jx(".mygallery").jCarouselLite({
 btnNext: ".nextb",
        btnPrev: ".prevb",
		visible: 1,
		easing: "backout",
	    speed: 1000
    });

});
</script>

<div id="slidearea">

<div id="gallerycover">
<div class="mygallery">

	<ul>
			<?php 
			$gldcat = get_option('mult_gldcat'); 
			$gldct = get_option('mult_gldct');
			$my_query = new WP_Query('category_name='.$gldcat.'&showposts='.$gldct.'');
			while ($my_query->have_posts()) : $my_query->the_post();$do_not_duplicate = $post->ID;
			?>
 <li>
<div class="mytext">
	
<?php
if ( has_post_thumbnail() ) {
			 the_post_thumbnail( 'slider-thumbnail', array('class' => 'slidim') );
} else {
	// the current post lacks a thumbnail
}
?>
<?php the_excerpt(); ?> 
	
</div>   	
 </li>
			<?php endwhile; ?>
     </ul>

    <div class="clear"></div>  
	
</div>

</div>


   <a href="#" class="prevb"></a>
   <a href="#" class="nextb"></a>  

 
</div>

ma question est possible de faire que le slide soit automatique ?
Merci
0