Beiträge von JanMueller

Danke für die Antworten. Ich habe jetzt den Slide jquery genommen und eingefügt. Funktioniert auch weitestgehend.

Zitat von Sempervivum

Für solche Bilderwechsel ist u. a. Cycle2 sehr gut geeignet:

http://jquery.malsup.com/cycle2/

Diese Aufgabe ist nicht ganz trivial: Es erfordert, dass alle Bilder das selbe Seitenverhältnis haben. Wenn nicht, muss man akzeptieren, dass entweder etwas abgeschnitten wird oder Leerräume bleiben. Das Einpassen kann dann mit CSS object-fit geschehen:

https://wiki.selfhtml.org/wiki/CSS/Eigen…eige/object-fit

Zitat von basti1012

du suchst nach einen Slider .

Zb hier sind genug davon

https://pixeltuner.de/responsive-jquery-slider/

oder hier

https://codepen.io/search/pens?q=image+slider

Diese slider lassen sich auch so anpassen das man mit php den Ordner auslesen tut ( Wegen den Bilder namen ).

Damit kannst du die Bilder im Ordner rein kopieren und löschen wie du willst und brauchast dann nix mehr an den Code ändern

Alles anzeigen

Probleme die ich noch habe:

- Das Bild ist noch nicht an die Größe angepasst.

Wo muss ich das mit Object-Fit hinschreiben? In eine CSS Datei? Und wie verlinke ich die dann? (Sorry bin noch ein ziemlicher Anfänger...)

- Wie kann ich die Slider so anpassen, dass ich einfach die Bilder eines Ordners nehmen kann, ohne dass ich die Bilder benennen muss?

Danke für die Hilfe!

Hallo,

Ich versuche grade einen Infobildschirm für eine Praxis zu programmieren, da ich keine ansprechende und kostengünstie Lösung online gefunden habe.

Ich bin schon so weit, dass ich den Bildschirm in die Bereiche aufgeteilt habe, die gleichzeitig unterschiedliche Sachen (z.B. Wetter, RSS-Feed, Bilder usw.) anzeigen sollen.

Leider scheiter ich grade an einem Bilderwechsel. Ich wollte das über ein Javascript laufen lassen, wäre aber auch offen für andere Lösungsansetzte.

Ich wollte halt Bilder in den Ordner der Webseite kopieren (Benannt nach Bild1.jpg, Bild2.jpg ...) und die sollten dann alle 15s. wechseln. Wichtig dabei wäre, dass die Bilder alle in dem Frame scaliert sind, sich also nicht hässlich verzerren, sondern an die Seite angepasst sind.

Habt ihr eine Lösung?

Danke im vorraus!