Content slider in random 
Author: Fedele V.
Visited 123,
Followers 3,
Shared 0
Mi iacerebbe se nell'oggetto Content Slider ci fosse la possiblità di renderlo "random".
Magari qualcuno sa come posso fare, Grazie.
link: htts://www.efedizioni.com
Posted on the
Ciao. Ti avevo già risposto nel tuo primo POst. ESEMPIO ma prendilo in considerazione solo se sai dove mettere le mani calcola che li non viene utilizzato l'oggetto ma viene realizzato a codice. Per applicare codice extra sull'oggetto in questione a fare si fa ma personalmente me li creo da solo questi oggetti tra l'altro molto poco responsive. Aspetta anche altri suggerimenti più semplici.
... OK ... ho visto che hai fatto il Topic col LINK che ti avevo chiesto...
... hai due oggetti Content Slider per cui ho dovuto differenziare...
... ho adattato questa mia invenzione esclusiva che avevo fatto per altri scopi...
... in teoria ed in simulazione diretta potrebbe funzionare, dovrai controllarlo online...
... questo è il codice che applicherai con un copia/incolla:
<script>
$(document).ready(function () {/*K>*/
/** -- schede random x ContentSlider x WSx5 by KolAsim -- **/
objectK = "imObjectContentSlider_1515";
preloadK = "https://cdn.pixabay.com/animation/2022/07/29/03/42/03-42-18-223_256.gif";
styleK = '<style>#'+objectK+' > div {visibility:hidden}#'+objectK+' {background-image:url('+preloadK+');background-repeat:no-repeat;background-position:center center;background-size:50%;}</style>'; $("head").append(styleK); setTimeout(function(){/*K1>*/ avvioK() },500);/*K1<<*/ setTimeout(function(){/*K2>*/ $("#"+objectK).css("background-image","url('')"); $("#"+objectK+" > div").css("visibility","visible") },3000);/*K2<<*/ });/*K<<*/ /**--fK--**/ function avvioK(){/*K3>*/ var firstImg = $(".slide-container img").first(); function shuffleSlides() {/*K4>*/ var sliderContainer = $("#"+objectK+" .content-slider-container").first(); var slides = sliderContainer.children("#"+objectK+" .slide-container"); var randomizeK = slides.toArray().sort(() => 0.5 - Math.random()); sliderContainer.empty().append(randomizeK); }/*K4*/ if (firstImg.length === 0 || firstImg[0].complete) {/*K5>*/ shuffleSlides(); } else { firstImg.on('load', function () {/*K6>*/ shuffleSlides(); });/*K6<<*/ }/*K5<<*/ x5engine.contentSlider[objectK].autoplay(1000); setInterval(function(){/*K7>*/ x5engine.contentSlider[objectK].autoplay(1000); },5000);/*K7<<*/ }/*K3<<*/
</script>
.
ciao
.
... il codice va inserito nelle Proprietà Esperto della pagina HOME/INDEX, cioè in questa sezione:

>> Passo 3 - Mappa > Finestra 'Proprietà Pagina' > Le opzioni della Sezione Esperto >
▪Codice personalizzato: Prima della chiusura del tag HEAD.
.
ciao
.
Author
Grazie veramente tantissimo.
Però ti chiedo, se dovessi togliere il secondo Content Slider, cosa devo togliere dal codice?
... il codice è già personalizzato per il primo "ContentSlider ", ID "imObjectContentSlider_1515". quindi non devi fare niente, è già a posto così
... se per caso cambi struttura ed usi un oggetto ContentSlider diverso, o venisse a modificarsi l'ID, devi controllare e sostituire l'ID...
... ho progettato il codice facilitando questa operazione al max potendo personalizzare l'ID nella prima variabile facilmente identificabile >objectK...
... se per caso userai più oggetti simili nella stessa pagina, meglio evitarlo, dovrai usare più codici con ID individuale...
...(...ho anche un'altra mia super invenzione, un po' più complicata, ma che permetterebbe di usare un unico codice per tutti gli oggetti simili nella stessa pagina, che sarebbe meglio evitare, se non per casi proprio particolari, che non direi di prendere in considerazione...)...
.
ciao
.