3 bildes, mainās pie attiecīgiem noteikumiem

[laucinieks]

Tātad, ir 3 bildes, kuras vajadzētu mainīties sekojoši -

1) bilde (bilde 1), kas rādās, kā tikko ieiet lapā.

2) Uzliekot kursoru uz tās bildes, tā bilde (bilde 1) pazūd un parādās (bilde 2). Noņemto bilde 2 pazūd un parādās bilde 1.

3) uzspiežot uz bildes 1, atveras dialog box (jquery ui) un bilde 1 pazūd un parādās bilde 3.

4) Kamēr dialog box (jquery ui) ir atvērts, uzliekot kursoru uz bildes 3, bilde 3 pazūd un parādās bilde 2, noņemot no bildes 2 kursoru, bilde 2 pazūd un parādās bilde 3.

5) Uzspiežot uz bildes 3, bilde 3 pazūd un parādās bilde 1.

Man gandrīz sanāk perfekti, tikai mouseover konfliktē.

Varbūt variet paskatīties, kas par problēmu, un palīdzēt.

Kodi -

 $(".ui-dialog-titlebar-close").click(function() {
});
if ($("#login").dialog( "isOpen" ))
 {
$("#opener").mouseover(function() {
	$('#but_down2').hide();
 	$('#but_down').hide();    
 	$('#but_up').show();
 	$('#opener').css("color","#2D92F8");
}).mouseout(function(){ 
  	$('#but_down2').show();   
  	$('#but_up').hide();
  	$('#opener').css("color","#2D92F8");
})
}
else
{
$("#opener").mouseover(function() {
 	$('#but_down2').hide();
 	$('#but_down').hide();
  	$('#but_up').show();
 	$('#opener').css("color","#2D92F8");
}).mouseout(function(){
  	$('#but_up').hide();
  	$('#but_down2').hide();
  	$('#but_down').show();   
  	$('#opener').css("color","#898989");
})
};

 

un

 

   	$( "#opener" ).click(function() {
  	   if ($("#login").dialog( "isOpen" ))
  	   {
  	   $('#but_down2').hide();
  	   $('#but_up').hide();
  	   $('#but_down').show();
  		 $('#login').dialog('close');
  		 $('#opener').css("color","#898989");
  		 }
 	else
  		 {
  		 $('#but_down').hide();
  		 $('#but_up').hide();
  	   $('#but_down2').show();
 	$( "#login" ).dialog( "open" );
 	$('#opener').css("color","#2D92F8");
 	}
  		 return false;  
  	 });

Ceru uz palīdzību,

L.

[Kavacky]

Pieliec klāt lock'us. Piemēram, uzklikšķinot 1. bildei, ieslēdzam "lock_bildes_hover = true;" un onmouseover funckcijā skatāmies - "if ( !lock_bildes_hover ) { // mainam bildes } else { // nekā }", aizverot to UI, locku noņemam, utt.

Edited October 5, 2011 by Kavacky