Visualizzazione dei risultati da 1 a 5 su 5
  1. #1

    Auto start slide in jquery

    Salve a tutti e grazie in anticipo a chi mi risolve... o almeno ci prova... questo "coso" in jquery...

    Ho uno slider, figo figo, vorrei utilizzarlo ma la sua grossa mancanza è l'autostart, che è assente.
    Essendo io un web designer e non un programmatore, con le poche conoscenze che ho MI SONO DOVUTO IMBARCARE nel provare a scriverla io.... i risultati ve li lascio solo immaginare

    Nonostante tutto ho cacciato fuori un'idea. Sapendo che lo slide sostituisce letteralmente l'immagine, o quantomento cambia direttamente l'url, ho pensato di far semplicemente (se fà per dire) premere in automatico il pulsante avanti ogni tot secondi appena l'immagine risultasse carica. Ma... ovviamente... la funzione è scritta a "cavolonzi" e non funziona.


    Ho bisogno di qualcuno esperto in jquery che mi aiuti altrimenti qua io divento vecio e pacio!!

    la classe del tasto "immagine successiva" è: " .nextImageBtn "
    l'id dell'immagine che viene caricata è: " #bgimg "


    lo script che stavo scrivendo è questo:

    codice:
    $("#bgimg").ready(function(imgloaded){
    	$(".nextImageBtn").click(function(startslide){
    		var s = 0
    		if ( s == 0){
    			//così funzioni? no...	
    			$(".nextImageBtn").click().delay(2000);		
    			//e così? manco....
    			$(".nextImageBtn").trigger('click').delay(2000);
    		else{ s = 1 };
    	});
    });
    siccome ho l'idea che la mia idea faccia idealmente ca*are.... accetto idee alternative...

    per rendere più facile tutto vi lascio il pezzo di codice malefico:

    codice:
    <div id="bg">
        [img]img/1.jpg[/img]
    </div>
    fateme sta grazie ragazzi che io faccio il grafico, mica il programmatore

  2. #2
    Utente di HTML.it L'avatar di Xinod
    Registrato dal
    Sep 2000
    Messaggi
    13,649
    ci fai capire con precisione di quale script stiamo parlando? lascia un link

  3. #3
    la galleria è questa:

    Link galleria



    ovviamente la mia è ancora in locale.... quella è la demo, ma il codice è lo stesso escluse modifiche grafiche.


    nel caso vi servisse scaricarla per intero...
    ti ringrazioDownload Demo galleria con codice ecc ecc

  4. #4
    Utente di HTML.it L'avatar di Xinod
    Registrato dal
    Sep 2000
    Messaggi
    13,649
    aggiungi queste 3 variabili
    (comunque lo script non e' fatto bene: non si espone tutto cosi' a livello di window, jquery ha un sistema per estendersi via plugin decisamente evoluto)

    $autoplay=true;
    $autoplayTimer = 5000;
    $autoplayTimeout=false;

    e le parti in rosso
    codice:
    			function BackgroundLoad($this,imageWidth,imageHeight,imgSrc){
    				$this.fadeOut("fast",function(){
    					$this.attr("src", "").attr("src", imgSrc); //change image source
    					FullScreenBackground($this,imageWidth,imageHeight); //scale background image
    					$preloader.fadeOut("fast",function(){$this.fadeIn("slow");});
    					var imageTitle=$img_title.data("imageTitle");
    					if(imageTitle){
    						$this.attr("alt", imageTitle).attr("title", imageTitle);
    						$img_title.fadeOut("fast",function(){
    							$img_title.html(imageTitle).fadeIn();
    						});
    					} else {
    						$img_title.fadeOut("fast",function(){
    							$img_title.html($this.attr("title")).fadeIn();
    						});
    					}
    					if($autoplay) autoplayStart() 
    				});
    			}
    			
    			function autoplayStart(){
    				if($autoplayTimeout) clearTimeout($autoplayTimeout)
    				if($autoplay) $autoplayTimeout=setTimeout(function(){$nextImageBtn.trigger('click')},$autoplayTimer)
    			}
    chiaramente $autoplay e' un booleano che puoi usare qualora volessi aggiungere all' interfaccia un play/pause

    ciao

  5. #5
    profondissima stima
    penso:"ma io... che cacchio stavo a fà??" ........

    Cioè, guarda... grazie un casino

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.