[Supersized] Button relazionato alla slide corrente

felino

Utente Attivo
12 Dic 2013
929
10
18
Aci Catena (Catania)
Sto utilizzando lo script Jquery Supersized.

Ho il seguente problema
sullo slider dovrei visualizzare un button che riporti esattamente l'ID o qualche riferimento all'immagine corrente.

Così ho inserito nella mie immagini:
Codice:
slides:
[			
		{image : 'slides/kazvan-1.jpg', id : '1', title : 'TITLE 01', thumb : 'thumbs/kazvan-1.jpg', url : ''},
		{image : 'slides/kazvan-2.jpg', id : '2', title : 'TITLE 02: Maria Kazvan', thumb : 'thumbs/kazvan-2.jpg', url : ''},
],

nella mia pagina ho aggiunto:
Codice:
<button class="btn_rate">ID: $id</button>

nello script (presente nella demo) in theme/supersized.shutter.js nella funzione afterAnimation ho aggiunto:
Codice:
afterAnimation : function(){
	 		if (api.options.progress_bar && !vars.is_paused) theme.progressBar();	//  Start progress bar
					
			//GET del custom field
			var custom_field = api.getField('id');
			//GET del testo dentro il button
			var text = $("button.btn_rate").text();
			//Replace di $id
			text = text.replace("$id", custom_field);
			//Visualizzazione
			$("button.btn_rate").html(text);
},

cosa da visualizzare (per il momento) l'ID dell'immagine corrente.

Il tutto funziona, ma:
1) nella prima slide non avviene il replace perchè ovviamente lo script viene eseguito in afterAnimation
2) se lo inserisco nella metodo beforeAnimation il replace viene eseguito per la prima slide e non per le altre...

Come risolvere?

Grazie.
 

felino

Utente Attivo
12 Dic 2013
929
10
18
Aci Catena (Catania)
L'errore era dovuto al text.Replace(), andava a cercare sempre $id, al primo tentativo lo trovo, mentre dopo non lo trova più.

Ho inserito il mio metodo nel beforeAnimation() ed effettuato le due modifiche:
- associato un ID al button:
HTML:
Codice:
<button class="btn_rate" id="">ID: $id</button>

JS:
Codice:
//GET del custom field
var custom_field = api.getField('id');

$("button.btn_rate").attr('id',custom_field);

Grazie! :)
 
Discussioni simili
Autore Titolo Forum Risposte Data
P supersized 3.2 problemi visualizzazione su chrome jQuery 0
G Associare un button ad una strnga PHP 9
Alex_70 Button non funziona nella form PHP 2
felino Radio button e Bootstrap: modificare il colore di default! HTML e CSS 1
M Problema con visibility e radio button Javascript 2
L Mancata visualizzazione di icone su button PHP 0
O [PHP] Problema Button in form PHP 1
A [PHP] Problema Button in form PHP 6
F Check radio button jQuery 1
S Sostituire link con button. PHP 1
Benix89 Come salvare radio button selezionato Magento 1
Benix89 Salvare radio button selezionato PHP 2
V Cambiare colore ad un button HTML e CSS 3
V Button in javascript Ajax 2
napuleone Oggetto " button " js non mi funziona Javascript 3
felino [C#] Click di un Button tramite il tasto Enter .NET Framework 2
A Caricare una pagina jsp in un div alla pressione di un button Javascript 1
A visualizzare testo a seguito di check radio button Javascript 1
C Salvare il click su di un Button Sviluppo app per Android 9
F Integrazione con Spotify Play Button Javascript 0
N Radio Button PHP 1
L Comportamento anomalo dei button type submit PHP 1
T selezionare un campo da un db con radio button PHP 0
G Funzione hide/show button Javascript 5
Z centrare verticalmente il testo di un button HTML e CSS 1
F radio button remove() jquery jQuery 1
F Like button Facebook PHP 0
D recupero valore radio button PHP 1
L Button per gestire JS in WebBrowser di VBNet .NET Framework 0
L radio button scattenare get per la query PHP 4
Shyson Cambiare colore al pulsante button HTML e CSS 6
P Prelevare il valore da un radio button con name dinamico!! PHP 2
P polare radio button con valori presi da database?? PHP 15
M Problema di attivazione/disattivazione radio button Javascript 8
G Creare "more" button Javascript 3
C Colorare i button con una function Javascript 35
S Lanciare nuova pagina web da "Button" Javascript 7
C Aprire con un button un'altra schermata all'interno della pagina html. Javascript 25
Vale2 Disabilita il button dopo l'invio del form Snippet Javascript 0
Web Designer Facebook Like Button MyBB CMS (Content Management System) 0
F Post con button. PHP 13
Z MooTools Like Button Javascript 0
C search button in un frame diverso da text form Javascript 10
Y valore radio button PHP 4
A Un input di tipo button deve per forza essere contenuto in un Form ?? HTML e CSS 6
C Controllo Radio Button Checker Javascript 3
M processare un form con campo testo e radio button PHP 4
M Problemi lettura radio button da form Javascript 0
D disabilitare un pulsante da un radio button Javascript 2
A problema verifica radio button PHP 18

Discussioni simili