WebSite X5Help Center

 
Fedele V.
Fedele V.
User

Content slider in random  it

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
6 ANSWERS
Roberto M.
Roberto M.
User

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.wink

Read more
Posted on the from Roberto M.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Best User of the month ESBest User of the month IT
Fedele V.
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

... 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

.

Read more
Posted on the from  ‪ KolAsim ‪ ‪
Fedele V.
Fedele V.
User
Author

Grazie veramente tantissimo. 
Però ti chiedo, se dovessi togliere il secondo Content Slider, cosa devo togliere dal codice?

Read more
Posted on the from Fedele V.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Best User of the month ESBest User of the month IT

... 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

Read more
Posted on the from  ‪ KolAsim ‪ ‪