Image Slider mit PHP?

Schönen guten Tag!

Ich möchte auf meine Website, die derzeit noch in Entwicklung ist, gerne eine Image-Slider-Show erstellen. Da es per CSS zahlreiche Tutorials gibt, die nicht einmal funktionieren bzw. auf Frameworks angewiesen sind und mir das mit CSS sowieso unqualitativ vorkommt, würde ich es gerne mit PHP versuchen! Ist das gut umsetzbar, bzw. möglich? Falls ja, würde ich mich über ein wenig Code freuen :)

Korbi

4 Antworten

Vom Fragesteller als hilfreich ausgezeichnet

ChrisCat1, UserMod Light

09.03.2019, 02:39

Da PHP beim abrufen der Seite einmal komplett auf dem Server ausgeführt wird und das Ergebnis dann erst an den Browser übermittelt wird, kannst du mit PHP nachträglich keine Veränderungen mehr an der Seite vornehmen.

Du kannst mit PHP aber alle benötigten Informationen für eine Slideshow ausgeben, welche dann z.B. mit JavaScript im Browser läuft.

Hier findest du ein paar JavaScript Beispiele für Slideshows: https://www.w3schools.com/w3css/w3css_slideshow.asp

Bei den Beispielen wird eine Liste mit allen Bildern der Slideshow im Quelltext der Seite angegeben. Diese Liste könntest du dann mit PHP erzeugen, so dass du z.B. die Bilder nur in einen bestimmten Ordner packen musst und PHP die Leiste automatisch um so neu hinzugefügte Bilder ergänzt.

korbi27

Fragesteller

09.03.2019, 02:41

Okay, verstehe. Vielen Dank für Ihre Antwort! :)

MFG

regex9

Von gutefrage auf Grund seines Wissens auf einem Fachgebiet ausgezeichneter Nutzer

programmieren, PHP

09.03.2019, 02:53

Du kannst zwar einen Slider mit PHP machen, doch der wäre aus den Gründen, die dir in anderen Antworten schon geschrieben wurden, ziemlich unhandlich.

Für eine Umsetzung mit JavaScript solltest du es dir nicht schwer machen und auf bestehende Lösung zurückgreifen, wie diese:

Auf diesen Seiten (oder im jeweiligen Download-Paket) findest du auch genügend Beispiele, sodass es nicht schwer fallen sollte, einen solchen Slider in der eigenen Webseite zu integrieren.

KarlRanseierIII

Von gutefrage auf Grund seines Wissens auf einem Fachgebiet ausgezeichneter Nutzer

programmieren

09.03.2019, 02:30

Nein, Du kannst auf Serverseite nichts lösen, was am Client stattfinden muß.

RakonDark

Nutzer, der sehr aktiv auf gutefrage ist

im Thema programmieren

09.03.2019, 02:30

php läuft auf dem Server , javascript im browser . also kannst du das php gedöns schon mal knicken , wenn mit javascript und maximal nachladen über php , bleibt aber immer noch Javascript .

RakonDark

09.03.2019, 02:32

nach ausliefern des htmls ist das php eigentlich schon beendet der prozess eingestellt. hat also gar nichts mehr mit dem browser zu tun . gibt zwa ein tick noch weiter html rauszuhauen aber ist in 99% der fälle unbrauchbar, dann lieber ajax.

korbi27

Fragesteller

09.03.2019, 02:34

Okay, daran habe ich gar nicht gedacht... Kann es auch per Angular ausgeführt werden, falls Sie sich da ein wenig auskennen? :)

RakonDark

09.03.2019, 02:35

@korbi27

angular ist quasi javscript mit ajax funktion . also auch nur irgendein framework . da reicht dann auch jquery

verreisterNutzer

09.03.2019, 04:53

@RakonDark

Wie kann man heutzutage noch jQuery vorschlagen? Angular ist keinesfalls quasi "JS mit Ajax-Funktion".

Für einen einfachen Image-Slider würde allein schon CSS genügen, zusätzlich reines JS wenn man es dem Nutzer bequemer machen möchte

RakonDark

09.03.2019, 17:34

@verreisterNutzer

geht nur ums nachladen der bilder . deswegen JS . und naja, alles kann man mit CSS da auch nicht machen , gerade wenn es um ineraktiv geht . kommt halt darauf an wie billig man denkt . und natürlich ist angular mehr , aber auch jetzt nicht gerade das kleinste framework , komtm auch schon wieder aus der mode , geht aber mehr um single site stuff . der wird hier ja gar nciht gebraucht.

verreisterNutzer

09.03.2019, 18:45

@RakonDark

Das rechtfertigt dennoch nicht die Nennung von jQuery. Bei Angular ging es mir nur um die Beschreibung, die du geliefert hast - ein Anwendungsfall ist das hier keinesfalls.

Ähnliche Fragen

Html, css und php oder was anderes?

Ist php veraltet? Javascript fällt mir schwer. Geht da c# oder so? Für webseiten Entwicklung.

...zur Frage

Web Entwicklung Kurs noch aktuell oder nicht?

Ich habe so nen coolen Kurs für Web Entwicklung mit HTML, CSS, Javascript, jQuery, Bootstrap, PHP auf Udemy gesehen aber der ist von 2019.. haben sich die Dinge schon zu stark verändert in den letzten 4 Jahren oder kann man den noch machen?

Die komplette Web-Entwickler Masterclass | Udemy

...zur Frage

Kann man ohne Studium/Ausbildung in Deutschland Software Entwickler werden?

Hallo, Frage steht oben. Ich kann mir Sachen ziemlich gut selber beibringen und würde auch die Displizin besitzen mir mehr Kenntnisse im Bereich Software-Entwicklung anzueignen. Ich beherrsche bereits die Programmiersprachen HTML CSS und PHP. Der Hauptgrund warum ich mir die oben gennante Farge stelle, ist das ich denke dass ich mir die nötigen Kenntnisse selber schneller beibringen könnte, als wenn ich jetzt ca. 3 Jahre einen Informatik Bachelor machen würde (wo eine Beschleunigung des Studiums leider nicht möglich ist). Ich würde mir dann quasi ein Portfolio mit von mir programmierten Anwendungen aufbauen (habe ich mit Websiten auch so gemacht. Im Moment studier ich BWL im 3. Semester.

Vielen Dank im Voraus

...zur Frage

Gute Webseiten oder PDF Docs, um PHP, Javascript, CSS und HTML zu lernen?

Video Tutorials beanspruchen viel Zeit. Deshalb bräuchte ich Webseiten oder PDF Docs für die oben genannten Programmier- und Skriptsprachen. Wichtig wäre, dass sie marktorientiert sind, also genau die Dinge zeigen, die man im realen IT Markt anwendet.

...zur Frage

Was für ein Programmier Projekt?

Hey Leute. Ich mache in meiner Firma eine Ausbildung zum Anwendungsentwickler. Ich bin zahlreiche Tutorials durchlaufen. ( Java, CSS, HTML, Bootstrap und SQL)

Nun soll ich mir ein Vertiefungsprojekt aussuchen, wo ich etwas entwickle, dass der Firma weiterhelfen soll. Habt ihr da eine Idee? Meine einzige wäre ein Tauschportal zwischen unseren Mitarbeitern. Ich glaube aber, dass dies nicht so perfekt ist. Habt ihr Ideen?

...zur Frage

Raspberry Pi 4 MySQl Datenbank?

Hi,

Ich muss für die Schule ein Website Projekt erstellen. Es soll eine ganz normale HTML CSS Website werden. Da ich meine Ziele nicht zu niedrig stecken wollte, hab ich mir gedacht, dass es ja nicht so schwierig sein kann einen Raspbarry pi 4 mit MYSQL Datenbank so zu konfigurieren das es sowas wie einen like Button gibt. Ich meine damit nicht, dass man "Artikel" mit GUI auf die Website stellen kann. Sondern ganz normale in Visual code geschriebene "Artikel" wo dann jeder einen like geben kann. Ich habe mich schon viel darüber informiert und bei den meisten Tutorials wird von dieser PHP Zeile gesprochen:

$Verbindung = new mysqli("Servername", "Benutzername", "Passwort", "Datenbankname");

Jetzt kommt die Frage. Wie kann ich meine MYSQL Datenbank so konfigurieren das es einen Servernamen gibt. Die Datenbank und Website (Website wird von einem Website-Hoster gehostet) sollen natürlich überall aufrufbar sein. Ich habe gehört das man da auch den Router konfigurieren muss?

Danke für die Hilfe

Matteo

...zur Frage

css hover effekt geht nicht...warum?

Ich bin gerade am html/css/php lernen und bin auf ein total simples Problem gestoßen, welches ich aber bei bestem willen nicht gelöst bekomme.

Die Pseudoklasse :hover will einfach nicht tun....

Das ist die style.css.

.navigation_schrift{
    display:block;
    float:left;
    text-align: center
    font-family: courir;
    font-size:150%;
    width: 100%;height:40px;
    color: red;
    background-image: url("../images/aquabutton1.gif");
    margin: 0px 0px 3px 0px;
    text-decoration:none;
}

.navigation_schrift:hover{
    color: green;
}

und so wird das ganze aufgerufen:

Testtext

Alles andere was ich über CSS mache funktioniert einwandfrei (wenn ich es richtig gemacht habe :D)

Warum wechselt die Schriftfarbe bei mouseover nicht auf grün?

Ich habe sowohl Firefox 5.0.1 als auch IE9 versucht...

Gruß BluBb_mADe

...zur Frage

Welche Websprache(n) sollte man lernen (Stand 2018)?

Ich möchte mich gern weiterbilden und frage mich welche Websprache bzw. Webtechnologien in Zukunft auf dem Arbeitsmarkt gefragt sind. Derzeit kenne ich mich nur mit HTML und CSS aus. Ich frage mich ob PHP und MySQL trotz des alters oder gerade deshalb der richtige Weg wären oder ob hier Leute sind, die sich besser damit auskennen und mir Ihre Meinung zu Zukunftsorientierten Websprachen geben können. Ich lese immer wieder von Node.js, Pyhton, und allerhand Frameworks die ich noch nie gehört habe und so langsam sehe ich da nicht mehr durch.

Ich würde daher gern wissen, welche Websprachen bzw. Webtechnologien für das Web in Zukunft von bedeutung sein werden/sind. Danke schon mal :-)

...zur Frage

php passwort überpüfung?

Guten Abend, ich habe eine Html Datei erstellt die eine Loginseite darstellt. Dazu habe ich eine PHP Datei erstellt die das Passwort abfragen soll. Aber wenn ich auf einloggen klicke wird mir nur der Code der PHP angezeigt. Also ich kann mich weder einlogen noch sagt mir die PHP ob das Passwort falsch ist. Was kann ich tun.

Der Html code:

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Login</title>
<link rel="shortcut icon" type="image/x-icon" href="https://www.flaticon.com/premium-icon/icons/svg/2395/2395608.svg" />
<link rel="stylesheet" type="text/css" href="../CSS/global.css">
</head>
<style type="text/css"></style>
<body>
<div class="form-container">
<div id="benutzer-bild"></div>
<center><h2><b>Login</b></h2></center>
<form method="POST" action="loign.php">
Benutzername: <input type="text" name="user"/><br>
Passwort: <input type="password" name="password"/><br>
<input type="submit" value="Einloggen"/>
</form>
</div>
</body>
</html>
der PHP code:
<?php
$user = $_POST['user'];
$password = $_POST['password'];
if ($user=="Admin" && $password==Admin)
{
  header('location:startseite.html');
}
else
{
  echo "dfgdfgfdgdfgdfg";
}
?>

...zur Frage

Frontend Entwickler Werkstudent Fragen?

Mir macht das programmieren von Websites spaß. Ich studiere gerade Medieninformatik und will mehr in die Web-Entwicklung mich vertiefen. und später fullstack arbeiten sprich frontend und backend.

Was verdient ein Frontend Enwickler, Was verdient ein Backend Enwickler? Bekommt man dann zb weniger Gehalt als ein zb. Softwareentwickler?
Ich lerne gerade noch viel mit html css und javascript zu programmieren. Hab noch nie mit Framworks gearbeitet und kenne mich da auch noch nicht so gut aus. Kann mir wer darüber was sagen was frameworks sind und wozu man diese braucht?
will als Werkstudent Frontend-Entwickler mich bewerben. Kann mir, darüber jemand erzählen, was man so für aufgaben bekommt? reicht es fürs erste wenn ich mich auf html css und javascript fokussiere? Was sollte ich noch lernen wenn ich als Werkstudent arbeiten will?

sind vllt viele Fragen, aber ich wäre sehr dankbar über eine Anwort=).

...zur Frage

Webprogrammierung mit Datenbank

Hallo Community,

Fragen zur "richtigen Programmiersprache" gibt es schon einige, auch einige Antworten. Allerdings alles noch nicht so konkret, wie ich es (vor Augen) habe: für eine konkrete Anwendung (Progammierung eines Dienstplanungs-Tools für den Sozialbereich) im Web such ich geeignete Werkzeuge (bzw. möglichst nur EIN Werkzeug). Folgende Voraussetzungen/Randbedinungen: - Ich arbeite gern unter Mac und wünsche mir idealerweise eine komplett visuelle IDE (d.h. ich möcht die Webseiten / Formulare nicht in HTML etc. programmieren, sondern wysiwyg entwerfen und den Programmcode dazu schreiben (etwa wie ich es von VBA kenne). - Datenbankanbindung (auch relational) soll möglichst einfach gehen, entspr. Ausgaben möchte ich auch visuell auf die Website bringen (d.h. möglichst wenig coden müssen) - Ich hab auch schon versucht, mit Python zu arbeiten, das war mir aber zu viel "drumherum" (bis ich am Mac eine virtuelle Umgebung hab, in der ich dann mit Python loslegen kann, dann brauch ich noch PHP, HTML/CSS etc. etc. muss die Frameworks wie Django o.a. kennen lernen und und und - lieber wär mir, ich arbeite so wie im VBA mit EINEM Programm und am end hab ich einen fertigen Quellcode den ich auf den Server lade und das ding rennt. - Vielversprechend scheint mir Wakanda (siehe wakanda.org), das eine non-sql-db ist und browser- und serverseitig mit Javascript arbeitet. Ich muss dort (erstmal) nicht selber coden, kann es aber doch - wenn ich will. - Meine Hauptsorge wg. Wakanda ist aber dieses JS: ich möchte nicht Diskussionen über Sicherheitsaspekte haben (da die Lösung offenbar zu 100% mit JS funktioniert, dh ohne Alternative, d.h. wer als User meint, JS muss er deaktivieren, der kann die Lösung nicht verwenden. Könnte das ein Thema werden? Wie wird JS & Sicherheit derzeit bewertet? Gibt es nicht "gefährlichere" Techniken? Wär neugierig... Hat jemand eine Alternative für meine Zwecke? Über jeden Tipp dankbar! Thomas

...zur Frage

Web Entwickler ohne Abschluss?

Hey gutefragenet, ich will mir gerne etwas Geld dazuverdienen und deswegen bringe ich mir momentan Web-Entwicklung bei, also Sprachen wie HTML,CSS, Javascript und PHP. Meine Idee war auf Freelancing-Plattformen wie Fiverr anzubieten, eine Website zu designen.

Darf ich das ohne Ausbildung/Studium/Lehrgang zum Web-Entwickler?

Einfach loslegen quasi.

...zur Frage

Wie Call-to-Action Buttons in Slider einbauen?

Hi,

ich baue seit einigen Monaten an einer Webseite mit HTML, CSS, ein wenig JavaScript (ehrlicherweise entnommen aus W3 Schools) und später auch noch etwas PHP & MySQL.

Momentan versuche ich, einen Call-to-Action Button in meinen Slider einzubinden, welcher von Banner zu Banner eine andere Verlinkung haben soll. Das funktioniert auch, allerdings werden die anderen Buttons, die nicht angezeigt werden sollen, unter den Banner gedrückt und angezeigt.

Meine Idee war es, die Banner als Hero-Image und die Buttons als Hero-Text einzupflegen. Das verursacht aber die genannten Probleme. Habt ihr Vermutungen, woran das liegen könnte oder kennt ihr einen einfacheren Weg als meinen gewählten?

Wenn es nicht anders geht, ändere ich das HTML Script auch noch einmal (Meine Website ist so wieso nicht Online.).

...zur Frage

Splide.js Autoplay stoppen?

Hi, ich habe neulich Splide.js ausprobieren, wollte jetzt aber noch das durch Anklicken der Slideshow diese pausiert bzw. wieder fortgesetzt wird. Jedoch wird zwar in der Browser Konsole der Text 'Splide was clicked' ausgegeben, der Event Handler funktioniert also, aber die Funktionen splide.isPaused(), splide.play() und splide.pause() gibt es wohl laut Browser Konsole gar nicht, wisst ihr wie man diese Components oder so richtig aufruft? Autoplay - Splide (splidejs.com)

document.addEventListener( 'DOMContentLoaded', function() {
    var splide = new Splide( '.splide', {
        type: 'loop',
        height: '33vh',
        autoplay: 'play',
        interval: '3000',
        cover: true,
        resetProgress: false,
        pauseOnFocus: false,
    } );
    splide.mount();
    splide.on('click', function() {
        console.log('Splide was clicked');
        if(splide.isPaused()) {
            splide.play();
        }
        else {
            splide.pause();
        }
    });
} );

...zur Frage

Was möchtest Du wissen?

Deine Frage stellen