WebSite X5Help Center

 
Fedele V.
Fedele V.
User

Content slider in random  it

Autor: Fedele V.
Visited 204, Followers 3, Udostępniony 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 ODPOWIEDZI
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

Czytaj więcej
Posted on the from Roberto M.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Najlepszy Użytkownik miesiąca ESNajlepszy Użytkownik miesiąca 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

.

Czytaj więcej
Posted on the from  ‪ KolAsim ‪ ‪
Fedele V.
Fedele V.
User
Autor

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

Czytaj więcej
Posted on the from Fedele V.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Najlepszy Użytkownik miesiąca ESNajlepszy Użytkownik miesiąca 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

Czytaj więcej
Posted on the from  ‪ KolAsim ‪ ‪