Beiträge von ronsenbonsen

    Hab ich gemacht, in den BackEnd Bereich komme ich auch und kann da auch normal navigieren aber sobald ich ins Frontend gehe und dort umher navigieren möchte, funktioniert es nicht mehr.

    Mit BetterSearchReplace habe ich auch schon den normalen Domainnamen zu localhost geändert, was aber keine Besserung brachte

    Moin Moin,


    hat jemand schon mal jemand eine Kopie von einer laufenden Wordpressseite + Datenbank gemacht?

    Bevor ich meine Seite update wollt ich die ganzen Updates lokal mal testen, wenn ich nun aber einfach die ganzen Dateien via FTP auf meinen PC in den htdocs Ordner in Xampp lege, dann kommt folgender Fehler "Fehler beim Aufbau einer Datenbankverbindung". Woran kann das liegen? Wenn man googelt findet man immer Tipps für Umzug von Lokal zu Online.


    Vielen Dank im voraus! :)

    So nach langer Zeit kam ich nun wieder dazu beim portfolio weiterzumachen,


    die meisten probleme konnte ich bereits lösen aber ein paar Sachen sind noch.


    Weiß jmd ob es eine Möglichkeit gibt eine Lightbox zu schließen indem man einfach irgendwo außerhalb der lightbox klickt? Aktuell geht es bei mir nur wenn ich direkt auf den close button klicke


    Und wie aufwendig wäre es wenn ich die lightbox per Tastatur steuern lasse? Also mit Pfeiltasten zum nächsten Bild wechseln und mit ESC die lightbox schließen?

    Was genau hast du da geändert Basti?


    Wegen den Pfeilen, die Pfeile sind aber nicht mittig von den Bildern, sondern mittig von der gesamten Lightbox. Also sozusagen mittig vom Bild oben und den Bildern unten - sieht man bei deiner Seite auch ganz gut



    @derneue: nö, hab mir da ne Vorlage von W3Schools und für das Portfolio eine Vorlage von Bootstrap geholt. Bin eher der Bearbeiter als der Schaffer :P

    Falls du die Vorlagen auch nutzen willst, musst du mal weiter oben im Thread schauen hab alles verlinkt :)

    Bei den neuem Fiddle hauts auch nicht hin, da ist alles untereinander

    Kann vielleicht noch jemand anderes mit drüber schauen? Ich komm einfach nicht drauf wo der Fehler liegt..


    Aber bzgl des Programms noch ein Tipp, solange du keine serverseitigen Sprachen verwendest dann reicht auch ein x-beliebiger html editor(kann dir atom empfehlen), musst dann nur die CSS richtig verlinken und dann dein .html Datei im Browser öffnen.. musst dann allerdings immer speicher und die Seite neuladen. Alternativ gehts auch mit brackets von adobe, das ist mit live vorschau

    Die CSS hat ein so eingefügt, dass man die sehen kann.

    Normalerweise hab ich die auch nur verlinkt

    <!-- Bootstrap core CSS -->

    <link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">


    <!-- Custom styles for this template -->

    <link href="css/4-col-portfolio.css" rel="stylesheet">


    Hab meinen Fehler auch schon gefunden, ich habs in bootstrap.min.css gespeichert -> funktioniert nicht

    Wenn ichs aber in 4-col-portfolio.css speicher dann funzt es



    Also das ist die aktuelle CSS



    Dann habe ich noch die Breite der Slides eingestellt (pack das sobald alles funzt natürlich noch in die CSS)

    Code
    1. <div class="mySlides">
    2. <div class="numbertext">1 / 4</div>
    3. <img src="http://www.tillmann-verpackungen.com/wp-content/uploads/2017/12/oeca3.jpg" style="width:100%">
    4. </div>


    Soweit sieht es nun auch schon gut aus, ABER 2 Kleinigkeiten stimmen noch nicht ganz

    Zum einen werden die Vor und Zurück buttons in der Lightbox immer mittig an der Lightbox ausgerichtet. Ich möchte dass die Mittig vom aktuell angesehen Bild positioniert werden.

    Und die kleinen Vorschaubilder unter dem aktuell angezeigten Bild werden momentan noch untereinander angezeigt, schöner wäre es wenn diese nebeneinander in einer Reihe angezeigt


    Also im Endeffekt soll es genau so wie bei W3School aussehen

    Ne leider nicht also hab jetzt nochmal alles genau so gemacht wie du in deinem fiddle aber es kommt bei mir nicht so raus wie bei dir

    Beim HTML Teil hast du als letztes 3x </div> --> wenn ich das einfüge zerhauts mir die gesamte Seite schon bevor man die Lightboxgallerie öffnet


    Beim CSS hab ich auch alle Änderungen übernommen aber das hat auch nicht viel geändert, es sieht immer noch genau so aus wie auf dem Bild oben bei mir. Beim JS hast du ja nichts geändert so wie ich es gesehen hab.


    Im ersten Beitrag hab ich auch noch einen Link für die kompletten Code eingefügt, falls das irgendwie behilflich ist



    & ne ne das soll schon mit Lightbox geschehen, nur bisher ist es so, dass ich das Vorschaubild zwar mit Hover angepasst habe. Wenn man aber alle Bilder zum Projekt sehen muss, muss man auf das Projekt klicken, dann öffnet sich eine neue Seite und dann muss man noch auf das Bild klicken um die Lightboxgallerie zu öffnen.

    Bei mir sieht's so aus wie auf dem Bild

    Es funktioniert soweit alles bis auf die Lightboxgallerie


    Ich möcht damit erreichen, dass man nicht eine extra Portfolioseite öffnen um sich alle Bilder zum dazugehörigen Projekt anzuschauen sondern.


    Welche divs meinst du? Hab mal geschaut aber immer wenn ich ein div(wo ich dachte dass es offen ist) geschlossen habe hats die komplette Seite zerhauen


    4 Col Portfolio Start Bootstrap Template.png

    ok zu früh gefreut... irgendwie funzt das nicht bei mir

    Ich hab den geänderten code mal blau gefärbt, kann mir vielleicht jemand sagen warum es bei mir nicht so wie bei W3 Schools aussieht? Bei denen wird das Bild in einer vernünftigen Größe angezeigt, die Pfeile (nächstes/vorheriges Bild) sind an der richtigen Position etc.

    Bei mir ist das Bild viel zu groß, so dass man nur ca. 60-70% des Bildes sieht (scrollen geht in Lightbox nicht) und die Pfeile sind unter dem Bild und auch ohne hover Effekte o.ä.




    Ok hat sich schon erledigt, der Hinweis dass es mit CSS sehr komplex wird hat schon gereicht dass ich bei google nach JS Lösungen schaue und siehe da der erste Link war's schon :)


    Falls es jemanden interessiert nachfolgend noch die Lösung:


    https://www.w3schools.com/howto/howto_js_lightbox.asp


    Den folgenden Code musst ich noch entfernen damit man nur 1 statt alle 4 Bilder sieht

    Code
    1. <div class="column">
    2. <img src="img_fjords.jpg" style="width:100%" onclick="openModal();currentSlide(2)" class="hover-shadow cursor">
    3. </div>
    4. <div class="column">
    5. <img src="img_mountains.jpg" style="width:100%" onclick="openModal();currentSlide(3)" class="hover-shadow cursor">
    6. </div>
    7. <div class="column">
    8. <img src="img_lights.jpg" style="width:100%" onclick="openModal();currentSlide(4)" class="hover-shadow cursor">
    9. </div>

    Das sieht auf dem ersten Blick nicht so aus wie ich mir das vorstelle, kann ich damit denn umsetzen dass man lediglich 1 Bild sieht was man anklicken kann und nach Klick auf dem Bild dann mehrere Bilder als Slideshow oder Gallerie dargestellt werden.

    Also bei Highslide wäre das "with gallery" nur dass man nicht vorab die gesamte gallery sehen kann, weist du was ich meine?

    Hallöchen,


    mal ne Frage, gibt's ne Möglichkeit wie ich bei Klick aus einem Bild eine Gallerie in einer Lightbox darstellen kann?

    Also bspw hat man auf einer Seite 3 Bilder. 1 Bild von Katzen, 1 von Hunden und 1 von Hühnern.


    Bisher passiert folgendes wenn ich auf das Bild der Katze klicke: Das Bild wird vergrößert in einer Lightbox dargestellt.


    Das soll passieren: Das Bild sowie weitere Katzenbilder sollen als Art Gallerie (oder Slideshow) in der Lightbox dargestellt werden. Ich hoffe Ihr wisst was ich meine


    Kann ich das irgendwie ohne JS umsetzen?



    https://github.com/BlackrockDi…bootstrap-4-col-portfolio

    Falls benötigt kann man sich hier den gesamten Code anschauen -> nutze ein Bootstraptemplate dafür