Un suggerimento per l'oggetto "Elenco Articoli" 
Author: Federico V.
Visited 297,
Followers 2,
Shared 0
Oggetto elenco articoli. Troverei molto utile, e quindi mi permetto di suggerire ai programmatori di implementarne la funzione, che quando si imposta la "disposizione slide show" ci fosse la possibilità di scegliere se far partire le slide in automatico o se lasciare lo scorrimento in modalità manuale.
Grazie
Federico
Posted on the
+1
... interessante idea per il futuro...
... se invece ti interessa lo scorrimento automatico adesso si potrebbe ottenere con una piccola aggiunta di codice EXTRA...
.
Author
Grazie per la tua risposta. Direi che altrettanto interessante è il tuo suggerimento. Ce la puoi svelare la piccola aggiunta extra?
Grazie
... interessante idea per il futuro...
... se invece ti interessa lo scorrimento automatico adesso si potrebbe ottenere con una piccola aggiunta di codice EXTRA...
.
[/quote]
... volentieri, ma mi serve il LINK per poter valutare...
... quando lo posterai io ritornerò qui...
.
ciao
.
Author
Allora, ti inoltro questo link alla pagina dove trovi l'oggetto con la funzione slide.
https://www.promediaeventi.it/news.php
Lo trovi nella parte bassa della pagina.
AncoraGrazie!!!
... OK ... ho visto, ...ma purtoppo devo uscire...
... domani in giornata ti farò sapere...
.
Author
Perfetto, grazie
... OK ... questa è la mia invenzione che può funzionare per pagina con struttura simile alla tua:
<script>
$(document).ready(function(){ //K>;
/** -- avvio automatico Swiper "Elenco Articoli" x WSx5[267906] - by KolAsim -- **/
ritardoK = 3; //secondi di ritardo per avvio codice sul caricamento della pagina;
intervalloK = 1.5 ; // secondi intervallo cambio slide; // 1.5 = un secondo e mezzo:;
setTimeout(function(){ //K1>;
styleK='<style> #avantiK,#indietroK {position:relative;width:40px;height:40px;font-size:30px;cursor:pointer;margin:auto;"}</style>';
$("head").append(styleK);
play_stopK ='<div id="contenitorepulsanti" style="position:relative;width:100%;height:auto;text-align:center"> <hr>'+
'<button id="avantiK" onclick="startFunction()" title="PLAY">▷</button>'+
'<button id="indietroK" onclick="stopFunction()" title="STOP">◻</button> <hr> </div>';
$(".swiper-container-horizontal>.swiper-pagination-bullets").parent().prepend( play_stopK )
startFunction(); /* avvio automatico; anteporre due barre // per disabilitare. */
}, ritardoK*1000); //K1<<;
});//K<<;
//-------------------------------------------------------
let cambioSlideK;
//-----------------f K3--------------------------------------
function startFunction() {//K3>;
stopFunction();
cambioSlideK = setInterval(() => {//K4>;
if($(".swiper-button-next").attr("class").indexOf("swiper-button-disabled") != -1 ) { //K5>;
setTimeout(function(){//K6>;
replayK();
}, intervalloK*1000);//K6<<;
stopFunction();
};//K5<<;
$(".swiper-button-next").click()
}, intervalloK*1000);//K4<<;
};//K3<<;
//----------------f K7------------------------------------
function stopFunction() {//K7>;
clearInterval(cambioSlideK);
};//K7<<;
//----------------f K8------------------------------------
function replayK(){//K8>;
replay_K = setInterval(() => {//K9>;
if( $(".swiper-button-prev").attr("class").indexOf("swiper-button-disabled") == -1 ) {//K10 | (K11>);;
$(".swiper-button-prev").click()
} else {// (K10>) | K11>
clearInterval(replay_K);
setTimeout(function(){ //K10>;
startFunction()
}, intervalloK*1000);//K10<<;
};//K10<< | K11<<;
}, 10);//K9<<;
};//K8<<;
</script>
...
... ovviamente il codice è per le Proprietà Pagina - sezione Esperto 3^ opzione (/HEAD)...
... se ti servissero chiarimenti, avvisami...
.
ciao
...
Author
Super, super SUPER !!! Funziona perfettamente. Ho soltanto allungato di un paio di secondi il tempo di visualizzazione delle card.
Ti chiedo: tra quelli contenuti nello script ce ne è uno che regola da velocità di transizione tra una card e l'altra in modo da ottenere una transizione più "dolce"?
Grazie davvero di cuore.
... no! ... mi dispiace, il mio codice è esterno alle funzioni del programma, e progettato solo per l'automazione del cambio slide...
... le variabili personalizzabili sono ritardoK (da valutare sulla latenza della pagina) e intervalloK (per il cambio slide)
...
... ho visto la tua pagine e pare funzionar bene...
.
ciao
.
Author
Funziona benissimo. Tanto è vero che ho piazzato l'ioggetto nella Home Page del sito.
Ti ringrazio ancora infinitamente.
Ciaooo!
... ho leggermente aggiornato la routine del mio codice nel mio prtecedente Post...
ciao
.
Author
Bene, se lo posti lo testo.
... ho sostituito quello nello stesso precedente Post, comunque lo riporto anche qui:
<script>
$(document).ready(function(){ //K>;
/** -- avvio automatico Swiper "Elenco Articoli" x WSx5[267906] - by KolAsim -- **/
ritardoK = 3; //secondi di ritardo per avvio codice sul caricamento della pagina;
intervalloK = 1.5 ; // secondi intervallo cambio slide; // 1.5 = un secondo e mezzo:;
setTimeout(function(){ //K1>;
styleK='<style> #avantiK,#indietroK {position:relative;width:40px;height:40px;font-size:30px;cursor:pointer;margin:auto;"}</style>';
$("head").append(styleK);
play_stopK ='<div id="contenitorepulsanti" style="position:relative;width:100%;height:auto;text-align:center"> <hr>'+
'<button id="avantiK" onclick="startFunction()" title="PLAY">▷</button>'+
'<button id="indietroK" onclick="stopFunction()" title="STOP">◻</button> <hr> </div>';
$(".swiper-container-horizontal>.swiper-pagination-bullets").parent().prepend( play_stopK )
startFunction(); /* avvio automatico; anteporre due barre // per disabilitare. */
}, ritardoK*1000); //K1<<;
});//K<<;
//-------------------------------------------------------
let cambioSlideK;
//-----------------f K3--------------------------------------
function startFunction() {//K3>;
stopFunction();
cambioSlideK = setInterval(() => {//K4>;
if($(".swiper-button-next").attr("class").indexOf("swiper-button-disabled") != -1 ) { //K5>;
setTimeout(function(){//K6>;
replayK();
}, intervalloK*1000);//K6<<;
stopFunction();
};//K5<<;
$(".swiper-button-next").click()
}, intervalloK*1000);//K4<<;
};//K3<<;
//----------------f K7------------------------------------
function stopFunction() {//K7>;
clearInterval(cambioSlideK);
};//K7<<;
//----------------f K8------------------------------------
function replayK(){//K8>;
replay_K = setInterval(() => {//K9>;
if( $(".swiper-button-prev").attr("class").indexOf("swiper-button-disabled") == -1 ) {//K10 | (K11>);;
$(".swiper-button-prev").click()
} else {// (K10>) | K11>
clearInterval(replay_K);
setTimeout(function(){ //K10>;
startFunction()
}, intervalloK*1000);//K10<<;
};//K10<< | K11<<;
}, 10);//K9<<;
};//K8<<;
</script>
.
_____________________________________________
... in più volendo si potrebbe abbinare un'altra mia invenzione per abilitare il click di polsizione e tooltip sui pallini...
...
.
++ > https://helpcenter.websitex5.com/en/post/268042#1
Author
Vedo che anche i cugini d'Oltralpe segnalano questa "lacuna". Ma, in effetti, strano che i programmatori non ci abbiano pensato in fase di progettazione e programmazione.
Comunnque con il tuo codice va che è una meraviglia.
... ciao, scusami, ... siccome non ho il programma per verificare, hai visto per caso se c'è quella opzione dello STAMP postato nel Topic e se funziona......
ciao, grazie...
Author
Perdona la mia ignoranza: a cosa ti riferisci?
... a questo, "SlideShow":
Author
Ah, ok. Si, si, c'è già la funzione "Slide Show" ma come avevo segnalato io in questo topic e come ha confermato l'altro utente nell'altro topin in francese manca totalmente la possibilità di azionare lo slide con autoplay ed altre funzioni anche - banalmente - di tipo grafico. Diciamo che una funzione SLIDE che non abbia la possibilità di essere configurata per lo meno con l'autoplay non ha (secondo me) molto senso.
Infatti - come dicevo - il tuo codice risolve il problema, come si può vedere sui miei siti www.radiodigitalia.it e www.promediaeventi.it
... grazie tante per il chiarimento, ...avevo pensato che fosse anche automatico...
... quindi nell'attesa di futuri aggiornamenti/evoluzioni mi fa piacere essere stato di aiuto...
... .ancora grazie, ... ciao ...
.
Author
Ancora grazie a te.