Onload + evento tastiera

[Sharx]

Salve ho creato la seguente pagina...

http://www.designbreak.net/omnia3/gallery/index2.html

dove sono presenti delle gallerie di foto...

ho pero' la necessita di:
-Caricare una galleria di default (una delle 4...magari portandomi un paramento da un altra pagina via PHP) sull'evento ONLOAD....e inoltre
-una volta aperta una foto...vorrei scorrere le successive/precedenti utilizzando le frecce
sulla tastiera.

Qualcuno puo' aiutarmi Thanks!

G.

[Mattia Vio]

- perchè non imposti una pagina di default a sto punto ? a sto punto..

- <script type="text/javascript">
document.onkeyup = KeyCheck;
function KeyCheck(e){
var KeyID = (window.event) ? event.keyCode : e.keyCode;
alert KeyID;
}
</script>

con questo ti ricavi il codice delle frecce o dei tasti che vuoi .. poi da qua basta che ci vai di if keyID == numerotastochetiserve e gli fai scorrere a destra o sinistra a seconda dell id del tasto .

[Enzaccio]

alert KeyID; non funzionerà mai ...
e qualche altra cosetta ...

[Mattia Vio]

ti mostro come faccio io allora faccio prima


function processKey(e){
alert(e);
if (null == e)
e = window.event ;
if (e.keyCode == 13) {
funzioneacaso();
return false;
}
}

questo mi serve per impedire che premendo invio salvi il form.
alla fine il giro è lo stesso solo che i keycode delle freccie son tipo 37 39 boh
alert(e); cosi vedi che tasto schiacci

sulla freccia che immagino sarà un button ci metti onkeydown="return processKey(event)"

alert KeyID; non funzionerà mai ... e qualche altra cosetta ...

correggi no ? :P

[Sharx]

mmmmm la pagina di default sarebbe una soluzione poco pulita perche replicherei lo stesso codice....
Secondo voi non e' possibile passare un parametro in modo tale da far apparire in automatico al caricamento della pagina...la galleria scelta come default?

Comunque grazie per l'interessamento!

[Sharx]

Nessun suggerimento per il primo quesito?

[Vindav]

quale plugin di jquery utilizzi per le gallerie?

[Sharx]

http://tympanus.net/codrops/2010/10/07/slider-gallery/
questa e' la galleria usata...

[Vindav]

ok, ho guardato il codice della pagina e prima di far partire il plugin effettui della operazioni, quindi non possiamo far partire il puglin al caricamento della pagina... si puo risolvere utilizzando il metodo trigger di jquery, se non lo conosci guarda la documentazione. Con questo metodo puoi lanciare qualsiasi evento (click,submit,focus ecc...) in modo manuale. Detto questo puoi lanciare manualmente al caricamento della pagina l'evento click su una delle 4 gallerie.

$fp_galleries.bind('click',function(){
					$fp_galleries.removeClass('current');
					var $gallery 		= $(this);
					$gallery.addClass('current');
					var gallery_index 	= $gallery.index();
					if(gallery_idx == gallery_index) return;
					gallery_idx			= gallery_index;
					//close the gallery and slider if opened
					if($fp_thumbContainer.data('opened')==true){
						$fp_scrollWrapper.fadeOut();
						$fp_thumbContainer.stop()
										  .animate({'height':'0px'},200,function(){
											openGallery($gallery);
										  });
					}				  
					else
						openGallery($gallery);
				});

Questo è il metodo che intercetta il click , quindi devi lanciare manualmente questo metodo

<ul id="fp_galleryList" class="fp_galleryList"> 
				
				[*]scenografie 
				
				[*]catering 
		
				[*]locations 
								
				[*]sposi 
				
			[/list]

e questo è il codice html che ti interessa. Ora mettiamo che scenografie sia la galleria che vuoi lanciare di default. Do un id alla galleria <li id="default">scenografie, poi lancio l'evento click manualmente facendo riferimento a quell'id al caricamento della pagina:

$('#default').trigger('click');

Spero di averti dato uno spunto, il codice è abbastanza lungo e complesso quindi è probabile che mi sia perso qualcosa ma in linea di massima queste è la strada che devi seguire.

[Sharx]

Grazie mille per lo spunto....provo a sviluppare quanto suggerisci.

Thanks