Bilder zufällig anordnen lassen (Isotop Plugin)


iDandy

Grünschnabel
Hallo zusammen,

und zwar stehe ich vor folgendem Problem.
Ich benutze das Isotop Plugin um Bilder zu sortieren. Diese Bilder sollen aber ungeordnet immer in einer unterschiedlichen und zufälligen Reihenfolge angezeigt werden.

Ich hoffe das ihr mir weiterhelfen könnt! Vielen Dank schonmal im voraus.

anbei den Codeteil für ein besseres Verständniss.

HTML:
 <div class="iso-box-section">
                           <div class="iso-box-wrapper col4-iso-box">
                              <div class="iso-box skill  col-md-4 col-sm-3">
                                 <div class="portfolio-thumb">
                                    <img src="images/portfolio-img1.jpg" class="img-responsive" alt="Portfolio" name="wechselbild">
                                       <div class="portfolio-overlay">
                                          <div class="portfolio-item">
                                                <a href="single-project.html"></a>
                                                <h2>1. Spiel</h2>
                                             </div>
                                       </div>
                                 </div>
                              </div>

                              <div class="iso-box action col-md-4 col-sm-6">
                                 <div class="portfolio-thumb">
                                    <img src="images/portfolio-img2.jpg" class="img-responsive" alt="Portfolio">
                                       <div class="portfolio-overlay">
                                          <div class="portfolio-item">
                                                <a href="single-project.html"></a>
                                                <h2>2. Spiel</h2>
                                             </div>
                                       </div>
                                 </div>
                              </div>
 

basti1012

Erfahrenes Mitglied
Ich kann dir nur bedingt helfen aber.
Wie ich das sehe hat das plugin keine schuffel function.Also wirst du dir eine selber bauen müssen.
Ich habe mal die chemischen Elemente von der Dokumentasion genommen weil ich keine Bilder suchen wollte.
https://codepen.io/basti1012/pen/mKRRWL

Da gibt es jetzt ein Button "Schuffel" .Da ich jetzt nicht weiß wie ich eine Schuffel function mit js hinbekomme habe ich da mal einfach random reingebaut.Da kann man sehen das einige Bilder neue Positionen kriegen,aber halt nicht alle weil random auch öfters die gleichen Zahl raus schmeißt.
Aber da wo ich random drinn habe must du eine schuffel Function rein bauen dann geht das auch.

Da mich das auch interesiert werde ich mal nach einer schuffel function suchen die da auch reingeht,aber bis jetzt habe ich es nicht geschafft.
Vieleicht kann mal einer von den Profis kucken wie man da eine schuffel function reinbauen kann`? Ich kann es bis jetzt noch nicht ganz.
Danke in vorraus
 

Neue Beiträge