Arne Drews Habs grad ausprobiert funktioniert, allerdings hab ich da keine Ahnung wie ich es da dann mache, dass wieder nur eine bestimmte Anzahl an Bilder ausgegeben wird ?
Beiträge von ProOfNoobs
-
-
Mal so nebenbei irgendeine Idee wie ich es mache, dass alle Bilder zentriert sind ?
hab schon ausprobiert:
<center>...</center> ( Ich weiß recht veraltet )
<div align="center">..</div>
Mittels CSS:
display: kollage; justify-content: center; align-items: center;<-- div class="kollage">
hab sogar versucht es in einem <h1 align="center">..</h1>zu umfassen.
Alles vergebens.
-
Hab jetzt versucht da eine zähler variable einzubinden ( shuffle war mir jetzt zu kompliziert wüsste nicht wo und wie ich das einbauen könnte ), dennoch kommt bei mir nun eine Fehlermeldung:Notice: Undefined variable: bilderdateinamen in E:\xampppp\htdocs\images\Foto-Kugler.php on line 50
Warning: Invalid argument supplied for foreach() in E:\xampppp\htdocs\images\Foto-Kugler.php on line 50Was hab ich falsch gemacht ?Keine Ahnung was das Problem war beim Browser neustart ging es plötzlich wieder.
Dann werde ich mir doch noch mal dieses shuffle anschauen.
-
Ok hab es jetzt geschafft, dass die mit einer Vorschau angezeigt werden Danke für eure Hilfe
Eine Frage hätte ich da jetzt allerdings noch
wie kann ich das machen, dass nur eine bestimmte Anzahl an Bilder angezeigt wird ? ( hab ja jetzt eine Schleife die Alle Bilder im Ordner ausliest und anzeigt ).
Bin mir nicht sicher an welcher Stelle genau ich in meinem Code da so eine Zähler Variable oder ähnliches einbauen müsste.
PHP
Alles anzeigen<?php $verzeichnis = "."; if (is_dir($verzeichnis)) { if ( $handle = opendir($verzeichnis) ) { while (($file = readdir($handle)) !== false) { if ( filetype( $file) == "file" AND substr( $file, -4) == ".jpg") { $bilderdateinamen[] = $file; } } 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>'; } ?>Hier nochmal mein Code mit fancybox zusammen.
-
Ich hab mal ein Bild angehangen von meiner Webseite wie sie momentan aussieht, wenn man nun auf ein Bild anklickt soll dieses vergrößert in der Mitte des Bildschirmes angezeigt werden ( am besten wäre es wenn es sich im Vordergrund schiebt also über allen anderen content )
-
Also ich meinte eigentlich so etwas wie der dritte Link den basti geschickt hatte, wäre schön dazu ein wenig Erklärung zu haben.
Wenn ich das richtig verstanden habe brauche ich für dieses fancyapp eine jQuerry oder ? ( kenn mich mit JavaScript eher weniger aus )
-
Hi, ich habe mir nun mittels php eine Webseite erstellt, welche mir eine Bilder Kollage ausgibt ( Die Bilder nimmt sie aus einem Ordner welcher zusammen mit der Seite gespeichert ist )
Hier der Code dazu:
PHP
Alles anzeigen<?php $verzeichnis = "."; if (is_dir($verzeichnis)) { if ( $handle = opendir($verzeichnis) ) { while (($file = readdir($handle)) !== false) { if ( filetype( $file) == "file" AND substr( $file, -4) == ".jpg") { $bilderdateinamen[] = $file; } } closedir($handle); } } foreach ( $bilderdateinamen AS $dateiname ) { echo ' <div class="rahmen">'; echo' <span> <font size="3.5">'; echo'</font></span>'; echo "<img src=\"$dateiname\""; echo " alt=\""; echo 'width="300" height="225"'; echo '"> '; echo' </div>'; } ?>Meine Frage ist nun wie kann ich es machen, dass wenn man einmal auf ein Bild drauf klickt eine kleine Vorschaue des Bildes hat ( vergrößert angezeigt [optional mit ein kleines kreuz zum wieder Schließen] ) ?
-
Also ich weiß nicht wie weit dein Html Wissen reicht, ich gehe einfach mal davon aus, dass du weißt wie das Grundgerüst von einer Standard Html Seite aussieht.
Bilder werden mit <img src="Pfad"> erstellt, innerhalb dieses Tags kannst du dann auch noch angaben wie Breite,Höhe etc. des Bildes angeben oder du machst das mit CSS.
Bei diesen Ankreuz Felder kannst du ein Input Feld vom type "radio" benutzen Html Code würde so aussehen:
<input type="radio"> Auswahl 1 </input>
Dieser Button "Lösung" kann ebenfalls durch ein input Feld erstellt werden ( type="text" ) .
Zu dem JavaScript-Teil weiß ich natürlich nicht wie gut du dich damit auskennst, daher kann ich dir die Seite html-seminar nur Empfehlen, zumindest hat sie mir sehr geholfen:
https://www.html-seminar.de/javascript.htm
Zu dem onclick() Event, hier ist ein Button mit diesem Event:
<button onclick="myFunction()">Click me</button>
"myFunction()" ist nur der Name einer JavaScript Funktion, welche du natürlich dann innerhalb eines <script>...</script> Definieren musst.
Weiteres zu den Function's ist auch auf der Webseite gut erklärt.
( https://www.html-seminar.de/javascript-funktionen.htm )
Zu dem 2 Bild von dir wäre es schön wenn du dein Problem etwas genauer beschreiben könntest wo genau du Hilfe brauchst, da dort recht viel aufgelistet ist.
Hier ein paar Codes zu ein paar Teile bei denen du kein Haken hast:
Html
Links:<a href="Pfad">Name</a>
Ungeordnete-Aufzählung:<ul> <li>...</li> <li>...</li> </ul> die ganzen Typen kannst du hier nachschlagen:
https://www.a-coding-project.de/ratgeber/html/listen
Zeilenumbrüche: <br>
Schriftart: <p style="font-family: Schriftart ">Andere Schriftart</p>
Zu den Textabständen empfehle ich dir diese Seite mal anzuschauen:
-
Ok ich das mit den Rückwärts Strichen hat zwar funktioniert allerdings glaube ich, dass dies vielleicht doch keine so gute Idee war ich werde etwas anderes ausprobieren,dennoch danke für die Hilfe.
-
Hi
Ich hätte da ein Problem, nämlich hab ich da einen html Code welcher einen Rahmen um ein Bild zieht, dieser Rahmen ist als eine div class zugewiesen, nun möchte ich gerne mittels Javascript diesen Code, welcher den Rahmen zieht einer Variable zuweisen, sodass ich mittels einer function den Rahmen mehrmals einfach ziehen lassen kann ( der Link zum Bild soll später aus einer Datenbank genommen werden, welche ich jedoch noch nicht geschaffen habe zu erstellen
, daher wäre es vielleicht sinnvoll den Pfad auch irgendwie als variable an zu geben).Hier ist erstmal den Code welchen ich nicht wirklich voran komme, da ich den Code nicht wirklich innerhalb der ' ' setzen kann:
Code
Alles anzeigen!Html! 1<div id="bilderkollage"> 2 <script> 3 function rahmen() { 4 var Rahmen = '<div class="rahmen"> 5 <img class="rahmen-4" src="1EK8_0668.jpg"alt="Rahmendemo" title="Rahmendemo"width="300" height="225"> 6 <span><font size="3.5">(Titel)</font></span> 7 </div>' 8 9 } 10 </script> 11 </div> !CSS! div.rahmen span { position: absolute; bottom: 1.5em; left: 1.5em; color: black; } div.rahmen img { border-top: 9px solid #3F3F3F; border-right: 9px solid #191616; border-bottom: 9px solid #292929; border-left: 9px solid #1D1C1C; } div.rahmen { display: inline-block; position: relative; } .rahmen-4{ padding-top: 25px; padding-right: 35px; padding-left: 35px; padding-bottom: 35px; background-color:white; }Momentan fange ich noch erst an JavaScript zu lernen, wie man sieht bin ich da noch nicht wirklich weit gekommen, jedoch soll ich nun eine Webseite für nen Freund machen, welcher eine Kollage von Bildern haben möchte, natürlich kann man da einfach für jedes Bild selbst den Rahmen ziehen und irgendwie nur den Pfad des Bildes mittels einer Variable irgendwie aus der Datenbank entnehmen, jedoch wollte ich unbedingt mal diese function's ausprobieren .
Was meint ihr wäre es vielleicht wirklich besser die Rahmen selbst zu erstellen und nur den Bilder Pfad immer wieder als Variable zu zu weisen oder geht das so auch ?
Wenn es so auch geht würde ich mich wirklich darüber freuen wenn mir hierbei jemand helfen könnte.
-
Danke!
Ich wusste gar nicht, dass man mehrere Anweisungen in den transform schreiben kann jetzt funktioniert das auch perfekt
-
Hi
Ich hab erst vor kurzen angefangen ein klein wenig zu programmieren, da es mir recht viel Spaß macht probier ich momentan viel rum.
Nun hab ich jedoch ein Problem, bei dem ich absolut nicht weiter komme:
Ich hab ein Bild welches normalerweise nach links schaut ( möchte jetzt nicht unbedingt erwähnen was auf dem Bild drauf ist, man kann sich jedoch vorstellen wie ein Mensch der in einer Richtung schaut).
Dieses Bild fängt etwas weiter Rechts auf der Webseite an, soll dann nach Links wandern, dort sich nach Rechts drehen (
dabei nicht bewegen ) und nachdem es sich gedreht hat wieder nach Rechts fahren und wenn es wieder am Ausgangspunkt angelangt ist wieder nach Links drehen ( in der Ausgangsposition ).Dies soll unendlich oft wiederholt werden.
Mein Problem ist nun, dass zum Schluss beim wieder nach Rechts fahren es sich während der fahrt nochmal dreht was es ja erst tun soll nachdem es angekommen ist.
Meine Vermutung ist, dass vielleicht so ein transition Befehl da helfen könnte allerdings bekomme ich es nicht damit hin, daher wenn es geht bitte ohne ihn ( wenn sein muss ist natürlich auch ok )
Hoffentlich konnte ich mein Problem gut schildern bin recht schlecht darin etwas gut zu beschreiben tut mir echt leid
Hier mein Code:
Code
Alles anzeigenHtml <div class="ani"> <nav align="left"><img src="DTP.jpg" width="500px" height="250px"></nav> </div> CSS #ani1{ width:100%; height:10%; float:left; position:relative; background:black; } .ani img{ background-color:black; animation-name:Tiger; animation-duration:10s; animation-direction:normal; animation-iteration-count:infinite; animation-fill-mode: forwards; animation-timing-function: ease-in-out; transition-property: transform; transition-duration: 1s; } @keyframes Tiger{ 0% { transform: translateX(900px);} 50% { transform: translateX(-100px);} 75% { transform: rotateY(180deg);} 100%{ transform: translateX(900px);} }Danke euch allen schon einmal im Voraus