derde pagina :s

[harmh]

Hey mensen,

ik had eens een vraag. Bijgaand vinden jullie een java code die gebruikt bij een soort van mediaviewer. Nu wil ik graag een derde pagina toevoegen. Deze heeft als id "thumbs_3", maar waar ik ook doe het werkt niet! Hoe voeg ik aan onderstaande code een derde "thumbs" toe? Hoop dat jullie me kunnen helpen.......

	function show_thumbs(action)
	{
		if(action == 'volgende')
		{
			Effect.BlindUp('thumbs_1', {duration: 1.0});
			Effect.BlindDown('thumbs_2', {delay: 1.0, duration: 1.0});
			$('arrow_left').style.display = 'block';
			$('arrow_right').style.display = 'true';
		}
		
		else if(action == 'vorige')
		{
			Effect.BlindUp('thumbs_2', {duration: 1.0});
			Effect.BlindDown('thumbs_1', {delay: 1.0, duration: 1.0});
			$('arrow_left').style.display = 'none';
			$('arrow_right').style.display = 'block';
		}
	}

Suc6!

 

[mrniceguy2002]

Het lijkt mij dat je een parameter aan je functie moet toevoegen (en die dus ook in je 'link' moet meegeven)..
- De huidige pagina

Dan met een if-else statement moet kijken op welke pagina die zit, waarna je de 'huidige' pagina BlindUp doet.. en de volgende of vorige (je huidige if-else statement) BlindDown doet....

Ik weet de preciese code niet, maar zoiets moet lukken denk ik =)

 

[harmh]

code aanpassen

Is er iemand die het eventueel wel uit kan schrijven, want bovenstaande uitleg is voor mij niet heel erg logisch. De code aanpassen mag natuurlijk ook eh!

 

[mrniceguy2002]

Ik ging er eigenlijk vanuit dat je javascript begrijpt en snapte wat de code doet...

Genest zou het er zo uit moeten zien...

	function show_thumbs(action, page)
	{
		if(page == 1){
			if(action == 'volgende'){
				Effect.BlindUp('thumbs_1', {duration: 1.0}); 
				... }
		} else if (page == 2){
			if(action == 'volgende'){ 
				Effect.BlindUp('thumbs_2', {duration: 1.0}); 
				... }
			else if(action == 'vorige'){ 
				Effect.BlindUp('thumbs_1', {duration: 1.0}); 
				... }
		} else {
			if(action == 'vorige'){ 
				Effect.BlindUp('thumbs_3', {duration: 1.0}); 
				... }
		}
	}

Je 'disabled' dus dat er geen 'vorige' pagina is bij de 1e pagina.... en dat er geen 'volgende' pagina is bij de derde pagina...

Bij pagina 1, zal je dus BlindUp 1 moeten doen, BlindDown 2
Bij pagina 2, volgende BlindUp 2 moeten doen, BlindDown 3
Bij pagina 2, vorige BlindUp 2 moeten doen, BlindDown 1
Bij pagina 3, zal je dus BlindUp 3 moeten doen, BlindDown 2

Als ik het goed heb is BlindUp dat het weghalen en BlindDown het laten verschijnen van je plaatje =)

 

[harmh]

nog niet helemaal!

Hey Hallo!

Ik heb er nog eens naar gekeken, maar het werkt nog niet volledig. Sterker nog het werkt eigenlijk helemaal niet :s. Ik heb nu de volgende function:

function show_thumbs(action)
{
if(action == 'volgende')
{
Effect.BlindUp('thumbs_1', {duration: 1.0});
Effect.BlindDown('thumbs_2', {delay: 1.0, duration: 1.0});
$('arrow_left').style.display = 'true';
$('arrow_right').style.display = 'true';
}

else if(action == 'vorige')
{
Effect.BlindUp('thumbs_2', {duration: 1.0});
Effect.BlindDown('thumbs_1', {delay: 1.0, duration: 1.0});
$('arrow_left').style.display = 'true';
$('arrow_right').style.display = 'true';
}


}

maar er zijn nu in totaal 4 thumbs. In mijn index.html roep ik dit aan door de volgende code te gebruiken: onclick=show_thumbs('vorige');

Wie o wie kan mij helpen?

 

[Egel]

<script type="text/javascript">

 var thumbNr = 1, thumbMin = 1, thumbMax = 4;

 function show_thumbs(action) {
  Effect.BlindUp('thumbs_' + thumbNr, {duration: 1.0});
  thumbNr += action;
  Effect.BlindDown('thumbs_' + thumbNr, {delay: 1.0, duration: 1.0});
  document.getElementById('arrow_left').style.display =  (thumbNr == thumbMin ? 'none' : 'block');
  document.getElementById('arrow_right').style.display =  (thumbNr == thumbMax ? 'none' : 'block');
  };

</script>

<img id="arrow_left" src="arrow_left.gif" style="display: none;" onclick="show_thumbs(-1)">
<img id="arrow_right" src="arrow_right.gif" style="display: block;" onclick="show_thumbs(+1)">

Vr.Gr. Egel.

 

[harmh]

thanks!

Thanks dude! It work's
:thumb: