Beiträge von ProOfNoobs

ProOfNoobs · 11. Mai 2019

Könnte man das eigentlich auch irgendwie umschreiben, dass auch javascript scripte ausgeführt werden ?

Html funktioniert alles problemlos, aber hatte vorhin mal versuch mit javascript etwas ausgeben zu lassen, was halt nicht funktioniert hat.

ProOfNoobs · 10. Mai 2019

Vielen Dank hat funktioniert

ProOfNoobs · 10. Mai 2019

Hi,

ich wollte man probieren eine Seite zu erstellen, auf der eine textarea ist in der man den Html Code schreibt, dieser dann nach einen Knopf druck als Text gespeichert und in einem anderen Div ausgegeben wird ( der Code soll dann auch ausgeführt werden in diesem Div ).

Momentan funktioniert der JavaScript Teil zwar ganz gut, wird auch ausgeführt, allerdings wird nach dem Knopf druck die ganze Seite bearbeitet zu diesem Test Code und nicht wie eigentlich geplant nur der Div Container lässt sich da etwas machen das sich nicht die ganze Seite verändert sondern nur der Div ?

HTML

HTML

<!DOCTYPE html>
<html>
    <head>
        <title>Teste dein Code</title>
        <meta charset="UTF-8">
        <link rel="stylesheet" type="text/css" href="TestingCodeStyle.css" />
            
    </head>
    <body>
    <div id="all">
    <script>
    
    
    </script>
        <div id="kopf">
        
        </div>
        <div id="text">
        <button onclick="RefreshValue()">Testen</button><br>
            <div id="Codetext">
                <textarea id="select" >
                
                 </textarea>
     
            </div>
            <div id="CodeAusgabe">
                <script type="text/javascript">
                 function RefreshValue()
                 { 
                    code = document.getElementById("select").value;
                    document.write(code);
                 }
             </script>
                    
            </div>
        </div>
        <div id="fuß">
        
        </div>
    </div>
    </body>
</html>
CSS

#all{
    width:100%;
    height:2000px;
    background:grey;
    
}
#kopf{
    width:100%;
    height:10%;
    float:left;
    background:grey;
}
#text{
    width:100%;
    height:100%;
    float:left;
    background:white;
    
}
#Codetext{
    width:50%;
    height:100%;
    float:left;
        
}
#CodeAusgabe{
    width:35%;
    height:100%;
    float:left;
    
}
#fuß{
    width:100%;
    height:5%;
    float:left;
    background:grey;
    
}
.textarea{
    resize:none;
    overflow:auto;
}

Alles anzeigen

ProOfNoobs · 5. Mai 2019

Mein <p></p> hatte ich benutzt gehabt um etwas mit css zu probieren ( hab es bereits wieder raus genommen ).

Das mit <br> kannte ich nicht anders ( wurde mir damals in der Schule bei gebracht werde es demnächst ändern ).

Das mit den von den Fotos kleinere Dateien nutzen werde ich definitiv machen ( dachte das liegt am host, dass es so lange lädt ).

Nun zu der Sortierung:

1. Wo siehst du was bei mir vor <!DOCTYPE html> ? hab da eigentlich auch nichts zu stehen.

2. Hab mein komplettes CSS in einer seperaten CSS-Datei ( kann sein das teils von fancybox da in html mit drin ist ).

3. center werde ich noch raus nehmen stammte auch noch vom rum probieren.

4. Ich sehe auch nirgends in meinem Code wo ich ein b von body vergessen haben könnte ?

( Vielleicht das b beim nachbauen der Seite vergessen zu kopieren ? )

5. Ja wahrscheinlich geht es auch mit weniger, bin es nur gewohnt div recht häufig zu benutzen ( werde mich daran auch noch setzen ).

6. Wo hab ich ein <a> Tag vergessen zu schließen ? ( Sehe in meinem Code auch nicht wo es nicht beendet wird ).

7. ? Ich sehe nicht den Fehler kann sein das auch ich da etwas nicht weiß aber logo ist der Ordner, in dem das Bild ist und enricokugler.jpg ist das Bild ( wird auch perfekt auf meiner Webseite angezeigt ).

Momentan funktioniert es eigentlich auf der Seite welche ich auf dem Host hochgeladen habe, dennoch werde ich mir nochmal alles anschauen was ihr mir vorgeschlagen habt und werde versuchen mein bestes zu geben.

Ich denke den Rest sollte ich auch eigentlich so hin bekommen, werde mich melden wenn ich dann doch Hilfe benötige

Danke euch allen für eure Geduld mit mir

ProOfNoobs · 4. Mai 2019

Sorry das ich so ein hoffnungsloser Fall bin, weiß selbst nicht was das Problem war hab die Seite bei einen Freehoster hochgeladen und seltsamerweise wird sie genau so angezeigt wie es sein sollte ( liegt es an xampp das sie nicht richtig angezeigt wird ? )

Hier noch der Link:

http://bilder-kollage.000webho…om/images/Foto-Kugler.php

ProOfNoobs · 4. Mai 2019

Code

#all{
    width:100%;
    height:100%;
    background:#181818;
}
#kollage{
    width:100%;
    height:100%;
    
}
#kopf{
    width:100%;
    height:10%;
    background:red;
}
body img{
    width:18%;
    height: auto;
}


.center{
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
}

@media only screen and (max-width: 800px) {
            body img {
                width: 18%;
            }
        }
@media only screen and (max-width: 450px) {
            body img {
                width: 30%;
            }
        }

Alles anzeigen

ProOfNoobs · 4. Mai 2019

Danke hab mal dein Beispiel bei mir rein kopiert und paar werte geändert, jedoch hat sich bei mir nichts verändert egal ob ich die max-width geändert habe oder einfach nur die img width.

Hatte auch schon die Vermutung, dass es sich vielleicht überschneidet, da die body img width schon weiter oben im Code verändert wurde, daher hab ich den teil gelöscht und nur dein beispiel stehen gelassen, daraufhin wurden die Bilder wieder zu ihrer Standard riesen Größe, also quasi als ob der teil gar nicht ausgeführt werden würde.

Bin mir auch gar nicht mal so sicher was das eigentlich damit zu tun hat, dass die Schrift oben so klein angezeigt wird?

ProOfNoobs · 4. Mai 2019

Also den kompletten Code hab ich oben auch geschrieben ( ist halt nicht viel Code daher auch so wenig speicher ), das Bild welches ich geschickt habe, hat in ungefähr die selbe Größe wie alle anderen, daher hab ich das stellvertretend geschickt ( die anderen haben halt bessere Qualität, daher auch größer )

Hier noch der Code welcher dann bei Seite untersuchen steht:

HTML

<html>
<head>
        <title>Webseite</title>
        <meta charset="UTF-8">
        <link rel="stylesheet" type="text/css" href="foto-style.css" media="all">
        
        <script src="//code.jquery.com/jquery-3.3.1.min.js"></script>
        <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/fancyapps/fancybox@3.5.7/dist/jquery.fancybox.min.css">
        <script src="https://cdn.jsdelivr.net/gh/fancyapps/fancybox@3.5.7/dist/jquery.fancybox.min.js"></script>

<style type="text/css" media="screen">
   @media only screen and (device-width:768px) and (orientation:portrait) {
      nav { display:none;}
      … Stile für Viewports mit 768px Breite Hochkant
   }

   … 

   body { width: 980px; margin: 0; padding: 0; }
</style>

        
    </head>
    <body>
    <div id="all"> 
        <br>
        <br>
        <div id="kopf">
        <br>
        <div class="center">
            <p></p><div class="link"><a href=""><h1> Link 1</h1></a></div><div class="link"><a href=""><h1>Link 2</h1></a></div><div class="link"><a href=""><h1>Link 3</h1></a></div><p></p><a href="">
        <br>
        </a></div><a href="">
        </a></div><a href="">
        
        </a><div id="kollage"><a href="">
            </a><center><a href="">            
                </a><a data-fancybox="gallery" href="./1EKU_6871.jpg"><img src="./1EKU_6871.jpg" alt=""> </a>
    <a data-fancybox="gallery" href="./1EKU_4904.jpg"><img src="./1EKU_4904.jpg" alt=""> </a>
<a data-fancybox="gallery" href="./2EKU_9245.jpg"><img src="./2EKU_9245.jpg" alt=""> </a>
<a data-fancybox="gallery" href="./1EKU_9002.jpg"><img src="./1EKU_9002.jpg" alt=""> </a> 

<a data-fancybox="\&quot;gallery\&quot;" href="\&quot;$dateiname\&quot;"><img src="logo\enricokugler.jpg" alt="\&quot;&quot;"></a>
<a data-fancybox="gallery" href="./1EKU_0203.jpg"><img src="./1EKU_0203.jpg" alt=""> </a>
<a data-fancybox="gallery" href="./1EKU_9104.jpg"><img src="./1EKU_9104.jpg" alt=""> </a>
<a data-fancybox="gallery" href="./1EKU_4973.jpg"><img src="./1EKU_4973.jpg" alt=""> </a>
<a data-fancybox="gallery" href="./1EK8_0860.jpg"><img src="./1EK8_0860.jpg" alt=""> </a>                
            
                        
        </center></div>                
        </div>                
    
    



</body>
</html>

Alles anzeigen

Den Code welcher in meinem Editor ist hab ich oben ja schon gepostet.

ProOfNoobs · 4. Mai 2019

Hab mir das zu den Mediaqueries angeschaut aber noch nicht so richtig durchgeblickt.

Ist recht viel auf einmal hab da versucht ein wenig code raus zu nehmen aber bin mir sicher das es falsch war.

Hab auch versucht bei Codepen meine Seite da rein zu machen, allerdings können die Bilder gar nicht ausgelesen werden, da sie ja auf mein pc drauf gespeichert sind und php scheint da auch gar nicht benutzbar, kann natürlich dennoch mal den Link dazu schicken ich werde meine Dateien auch zum download mal drauf packen da ich sonst nicht wüsste wie ich die euch sonst zeigen könnte:

https://codepen.io/ProOfNoobs/pen/GaKYdP

Edit: kann die Bilder nicht hochladen

( zu groß )

PHP

<><><><>HTML<><><><><><>
<img src="https://www.html-seminar.de/forum/ws/attachment/1895-enricokugler-jpg/?thumbnail=1" class="woltlabAttachment" data-attachment-id="1895" id="wcfImgAttachment0">
<!DOCTYPE html>
<html>
    <head>
        <title>Webseite</title>
        <meta charset="UTF-8">
        <link rel="stylesheet" type="text/css" href="foto-style.css"
        media = "all" />
        
        <script src="//code.jquery.com/jquery-3.3.1.min.js"></script>
        <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/fancyapps/fancybox@3.5.7/dist/jquery.fancybox.min.css" />
        <script src="https://cdn.jsdelivr.net/gh/fancyapps/fancybox@3.5.7/dist/jquery.fancybox.min.js"></script>

<style type="text/css" media="screen">
   @media only screen and (device-width:768px) and (orientation:portrait) {
      nav { display:none;}
      … Stile für Viewports mit 768px Breite Hochkant
   }

   … 

   body { width: 980px; margin: 0; padding: 0; }
</style>

        
    </head>
    <body>
    <div id="all"> 
        <br />
        <br />
        <div id="kopf">
        <br />
        <div class="center">
            <p><div class="link"><a href=""><h1> Link 1</h1></div><div class="link"><a href=""><h1>Link 2</h1></div><div class="link"><a href=""><h1>Link 3</h1></div></p>
        <br />
        </div>
        </div>
        
        <div id="kollage">
            <center>            
                <?php
                        $aImages = glob( './*.jpg' );
                        shuffle( $aImages );
                        $bilderdateinamen = array_slice( $aImages, 0, 4 );
                        
                        
                        
                        
                        foreach ( $bilderdateinamen AS $dateiname )
                        {
                            
                            echo "<a data-fancybox=\"gallery\" href=\"$dateiname\"><img src=\"$dateiname\"";
                            echo " alt=\"";
                    //        echo 'width="250" height="200"';        <-- Alte Größe
                            echo '"> ';
                            echo '</a>';        
                        }
                        
                        
                        echo  ' <a data-fancybox=\"gallery\" href=\"$dateiname\"><img src="logo\enricokugler.jpg" alt=\""></a>';
                        
                        shuffle( $aImages );
                        $bilderdateinamen = array_slice( $aImages, 0, 4 );
                        
                        foreach ( $bilderdateinamen AS $dateiname )
                        {
                            
                            echo "<a data-fancybox=\"gallery\" href=\"$dateiname\"><img src=\"$dateiname\"";
                            echo " alt=\"";
                    //        echo 'width="250" height="200"';
                            echo '"> ';
                            echo '</a>';        
                        }
                ?>
                
            
                        
        </div>                
        </div>                
    </div>
    </body>
</html>

<><><>CSS<><><><><><><>

#all{
    width:100%;
    height:100%;
    background:#181818;
}
#kollage{
    width:100%;
    height:100%;
    
}
#kopf{
    width:100%;
    height:10%;
    background:red;
}
body img{
    width:18%;
    height: auto;
}


.center{
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
}
@media only screen and (min-width:600px) (max-width:920px){
    body { width: 90%;
    }
}
ody { min-width: 920px; background: lavender; width: 920px; margin-left: auto; margin-right: auto; }

@media only screen and (max-width:599px) {
    body {
        width: 320px; font-size: 0.8em; 
    }
}

Alles anzeigen

Um eventuell noch mal ein Problem dar zu stellen hab ich nochmal ein Bild geschickt wie mir die Seite angezeigt wird ( Schriftgröße ist wichtig )html-seminar.de/woltlab/attachment/1896/

ProOfNoobs · 4. Mai 2019

Hab ich gemacht, es werden nur noch 3 Bilder pro Reihe gezeigt, Problem besteht dennoch.

ProOfNoobs · 4. Mai 2019

Ok anscheinend hatte meine verlinkte CSS Datei den selben Namen wie die Datei von fancybox, weshalb scheinbar meine style Attribute gar nicht angenommen wurden ( m.scatello kann sein das ich zu wenig die Grundlagen lerne, allerdings ist eher meine Befürchtung, dass ich es eher schnell wieder vergesse und zu 2. Ich habe den Hinweis gesehen und auch ausprobiert, da jedoch gar keine CSS befehle funktioniert haben, hatte es nicht funktioniert, weshalb ich es erst einmal bei Seite gelegt habe und es mir dan später nochmal anschauen wollte, da es eigentlich wirklich hilfreich aussah.)

basti1012 Meine Seite ist Momentan nicht online ( benutze xampp um mir die anzeigen zu lassen ) kann gerne ein Bild davon schicken wie weit ich momentan bin ( auch wenn es noch nicht wirklich weit ist )

html-seminar.de/woltlab/attachment/1891/html-seminar.de/woltlab/attachment/1892/

Hier noch mein Code:

PHP

HTML:

<link rel="stylesheet" type="text/css" href="foto-style.css">
        
        
        <script src="//code.jquery.com/jquery-3.3.1.min.js"></script>
        <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/fancyapps/fancybox@3.5.7/dist/jquery.fancybox.min.css" />
        <script src="https://cdn.jsdelivr.net/gh/fancyapps/fancybox@3.5.7/dist/jquery.fancybox.min.js"></script>


        
    </head>
    <body>
    <div id="all"> 
        <br />
        <br />
        <div id="kopf">
        <br />
        <div class="center">
            <p><div class="link"><a href=""><h1> Link 1</h1></div><div class="link"><a href=""><h1>Link 2</h1></div><div class="link"><a href=""><h1>Link 3</h1></div></p>
        <br />
        </div>
        </div>
        
        <div id="kollage">
            <center>            
                <?php
                        $aImages = glob( './*.jpg' );
                        shuffle( $aImages );
                        $bilderdateinamen = array_slice( $aImages, 0, 12 );
                        
                        
                        
                        
                        foreach ( $bilderdateinamen AS $dateiname )
                        {
                            
                            echo "<a data-fancybox=\"gallery\" href=\"$dateiname\"><img src=\"$dateiname\"";
                            echo " alt=\"";
                    //        echo 'width="250" height="200"';        <-- Alte Größe
                            echo '"> ';
                            echo '</a>';        
                        }
                        
                        
                        echo  ' <a data-fancybox=\"gallery\" href=\"$dateiname\"><img src="logo\enricokugler.jpg" alt=\""></a>';
                        
                        shuffle( $aImages );
                        $bilderdateinamen = array_slice( $aImages, 0, 12 );
                        
                        foreach ( $bilderdateinamen AS $dateiname )
                        {
                            
                            echo "<a data-fancybox=\"gallery\" href=\"$dateiname\"><img src=\"$dateiname\"";
                            echo " alt=\"";
                    //        echo 'width="250" height="200"';
                            echo '"> ';
                            echo '</a>';        
                        }
                ?>
                
            
                        
        </div>                
        </div>                
    </div>
    </body>

CSS:

#all{
    width:100%;
    height:100%;
    background:#181818;
}
#kollage{
    width:100%;
    height:100%;
    
}
#kopf{
    width:100%;
    height:10%;
    background:red;
}
body img{
    width:18%;
    height: auto;
}


.center{
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
}

Alles anzeigen

Der Rote Hintergrund im kopf-div ist nur um ihn hervor zu heben ( wird nicht so bleiben ).

Mir ist auch gerade aufgefallen, dass die Schrift auf einmal so seltsam klein ist ( ist eigentlich mit <h1></h1> umfasst und sollte daher recht groß sein ), außerdem ist auch das Menü recht klein, wenn man im Zoom von diesen fancybox drin ist ( buttons wurden anfangs viel größer dargestellt ).

Irgendeine Idee wie ich das lösen kann ?

Mit diesem flex muss ich erst noch ein wenig rum probieren bis ich das richtig drauf hab glaub selbst hier wo ich es nur bei den Links verwendet hab ist es nicht ganz perfekt.

PS: Die Bilder sind alle von dem Fotografen Enrico Kugler, für dem auch die Webseite ist, ich habe lediglich die Erlaubnis sie hier posten zu dürfen.

ProOfNoobs · 3. Mai 2019

Bin mir jetzt nicht sicher ob ich hierfür ein neues Thema auf machen sollte da es immer noch um die selbe Seite handelt, jedoch eventuell teills CSS , hier einfach mal meine Frage:

Die Webseite ist komplett perfekt, auf meinem pc zumindest, nun habe ich sie mir mal auf einen anderen angeschaut der etwas kleiner ist ( viel kleiner ) natürlich hat sich alles verschoben, weshalb ich alle Pixel angaben in Prozent angegeben habe, dennoch bekommt ich es einfach nicht hin, dass auch die Bilder welche mit php ausgegeben werden ebenfalls ungefähr auf beiden Bildschirmen die ungefähr in etwa vom Verhältnis her gleich groß sind ( rest der Webseite ist beinahe komplett Identisch groß vom Verhältnis her nur die Bilder sind extreem viel kleiner )

hier mal mein Code:

PHP

HTML

<div id="kollage">
<?php
                        $aImages = glob( './*.jpg' );
                        shuffle( $aImages );
                        $bilderdateinamen = array_slice( $aImages, 0, 17 );
                        
                        
                        
                        
                        foreach ( $bilderdateinamen AS $dateiname )
                        {
                            
                            echo "<a data-fancybox=\"gallery\" href=\"$dateiname\"><img src=\"$dateiname\"";
                            echo " alt=\"";
                            echo 'width="10%" height="8%"';
                            echo '"> ';
                            echo '</a>';        
                        }
                        
                        
                        echo '<img src="logo\enricokugler.jpg" width="200" height="170">';
                        
                        shuffle( $aImages );
                        $bilderdateinamen = array_slice( $aImages, 0, 17 );
                        
                        foreach ( $bilderdateinamen AS $dateiname )
                        {
                            
                            echo "<a data-fancybox=\"gallery\" href=\"$dateiname\"><img src=\"$dateiname\"";
                            echo " alt=\"";
                            echo 'width="10%" height="8%"';
                            echo '"> ';
                            echo '</a>';        
                        }
                ?>
</div>

Alles anzeigen

Der einzeln stehende echo befehl welcher ein Bild ausgibt hat genau die Pixel größe, welche auf meinem anderen Bildschirm gut aussieht ( 1920x1080 ) und auf dem jetzigen ( 1280x1024 ).

Hab versucht ungefähr den Prozentsatz aus zu rechnen ( 200 * 100/1920 <-- Breite ~10% ).

Dennoch werden die Bilder nun viel viel viel zu groß angezeigt was hab ich falsch gemacht ?.

ProOfNoobs · 3. Mai 2019

Also wenn es um Editors geht kann ich nur Notepad++ empfehlen benutz es die ganze Zeit und ist auch schön übersichtlich.

ProOfNoobs · 3. Mai 2019

Ömm bin mir grad nicht sicher ob ich da etwas übersehe aber was genau ist denn Phase 5 ?

ProOfNoobs · 2. Mai 2019

Also würde es ausreichen einfach den shuffle( $aImages ); direkt nachdem das Bild in der Mitte ausgegeben wurde einzufügen ?

Ich hab übrigens 34 Bilder im Ordner.

ProOfNoobs · 2. Mai 2019

Hatte oben vergessen den kompletten code zu schicken hier nochmal :

PHP

<?php
                        $aImages = glob( './*.jpg' );
                        shuffle( $aImages );
                        $bilderdateinamen = array_slice( $aImages, 0, 17 );
                        
                        
                        
                        
                        foreach ( $bilderdateinamen AS $dateiname )
                        {
                            
                            echo "<a data-fancybox=\"gallery\" href=\"$dateiname\"><img src=\"$dateiname\"";
                            echo " alt=\"";
                            echo 'width="200" height="170"';
                            echo '"> ';
                            echo '</a>';        
                        }
                        
                        
                        echo '<img src="logo\Logo.jpg" width="200" height="170">';
                        
                        
                        $bilderdateinamen = array_slice( $aImages, 0, 17 );
                        
                        foreach ( $bilderdateinamen AS $dateiname )
                        {
                            
                            echo "<a data-fancybox=\"gallery\" href=\"$dateiname\"><img src=\"$dateiname\"";
                            echo " alt=\"";
                            echo 'width="200" height="170"';
                            echo '"> ';
                            echo '</a>';        
                        }
                ?>

Alles anzeigen

So wie ich das habe führt das ja nach diesem Bild noch einmal genau das selbe aus wie am Anfang und genau das meinte ich mit doppelt klar besteht immer eine gewisse Wahrscheinlichkeit, dass manche doppelt sind, allerdings ist es hier halt befehl bedingt das nun einmal genau die selben variable ausgegeben werden.

ProOfNoobs · 2. Mai 2019

Arne Drews Vielen lieben Dank<3

Hatte schon rum gesucht wie ich das machen könnte, dass vielleicht immer das selbe Foto ungefähr in der Mitte der ganzen anderen sein könnte mit deinem Beispiel hab ich es jetzt auch hinbekommen.

Nun habe ich das Problem, dass wenn ich danach wieder Bilder ausgeben möchte, werden einfach genau die selben noch einmal genommen, kann man da eine abfrage einbauen die überprüft ob das Bild welches ausgegeben werden soll schon auf der Seite ist und wenn ja, das nächste ausgibt ?

PHP

<?php
                        $aImages = glob( './*.jpg' );
                        shuffle( $aImages );
                        $bilderdateinamen = array_slice( $aImages, 0, 17 );
                        
                        
                        
                        
                        foreach ( $bilderdateinamen AS $dateiname )
                        {
                            
                            echo "<a data-fancybox=\"gallery\" href=\"$dateiname\"><img src=\"$dateiname\"";
                            echo " alt=\"";
                            echo 'width="200" height="170"';
                            echo '"> ';
                            echo '</a>';        
                        }
                        
                        
                        echo '<img src="logo\Logo.jpg" width="200" height="170">';

Alles anzeigen

ProOfNoobs · 1. Mai 2019

wow ja sorry da hab ich wohl wirklich ein klein wenig nicht nachgedacht xD

ProOfNoobs · 1. Mai 2019

Danke

Wie kann ich nun mit deiner Methode dieses shuffle() einbauen?

( Damit nicht immer die selben Bilder angezeigt werden )

ProOfNoobs · 1. Mai 2019

Hab es momentan so:

PHP

<?php
                        $verzeichnis = ".";
                        $zähler = 1;
                        if (is_dir($verzeichnis))
                        {
                            if ( $handle = opendir($verzeichnis) )
                            {
                                while (($file = readdir($handle)) !== false)
                                {
                                    if ( filetype( $file) == "file"
                                         AND substr( $file, -4) == ".jpg")
                                         
                                         if ( $zähler < 21)
                                         {
                                            {
                                            $bilderdateinamen[] = $file;
                                            $zähler = $zähler + 1;
                                        } 
                                         }
                                         else {
                                             break;
                                         }
                                        
                                }
                                closedir($handle);
                            }
                        }
                         
                
                         
                        foreach ( $bilderdateinamen AS $dateiname )
                        {
                            echo '    <div class="rahmen">';        
                            echo'    <span> <font size="3.5">';
                            echo'</font></span>';
                            echo "<a data-fancybox=\"gallery\" href=\"$dateiname\"><img src=\"$dateiname\"";
                            echo " alt=\"";
                            echo 'width="300" height="225"';
                            echo '"> ';
                            echo '</a>';
                            echo'    </div>';
                        }
                ?>

Alles anzeigen

funktioniert auch ganz gut ( außer die zentrierung )

Beiträge von ProOfNoobs

Html test Feld

Html test Feld

Html test Feld

Bilder Vorschau

Bilder Vorschau

Bilder Vorschau

Bilder Vorschau

Bilder Vorschau

Bilder Vorschau

Bilder Vorschau

Bilder Vorschau

Bilder Vorschau

Website erstellen

Website erstellen

Bilder Vorschau

Bilder Vorschau

Bilder Vorschau

Bilder Vorschau

Bilder Vorschau

Bilder Vorschau