Bilder in Spoiler aus externer Quelle einfügen

  • Moinsen...


    ist bestimmt relativ einfach...aber...


    Wie kann ich in einen vorhandenen Spoiler, z.B. hier in den 3. Spoiler Bilder von z.B. picr einfügen...?

    Habe es mehrfach versucht und es hat nicht funktioniert...


    Need help

  • Du klickst in den Spoiler, so dass der Cursor drin ist und dann klickst du auf den Image Button (die kleine Bergelandschaft mit der Sonne)


    oder


    du schreibst die URL des Bildes in [ img ] ... [/ img ] Tags (nur dann eben ohne Leerzeichen)

  • Moinsen...


    danke erstmal für deine Hilfe...

    Das habe ich mit den img Tags auch so gemacht...die sind extra für Darstellungen in Foren...hat übrigens vor der neuen Software hier ganz wunderbar geklappt...


    jetzt kommt das hier, wenn ich es so mache...


    2 ist vor dem Speichern und 1 ist dann nach dem Speichern...

  • Auf den Fotos erkenne ich leider nichts, die sind sehr klein.


    Kannst du das Bild mal verlinken, das du einfügen möchtest? Ich hatte bisher keine Probleme, aber verlinke eigentlich auch nur aus unserer Galerie. Würde gerne mit dem externen Link rumprobieren :)

  • Test:


    Ging beim Testen gerade ohne Probleme. Hab einen Spoiler aufgemacht, das obere Bild ist über die Bildfunktion aus der oberen Leiste eingefügt, das untere dann mit img-tag.


    Der Quellcode (obere Leiste ganz links) sieht dann so aus:

    Code
    <woltlab-spoiler>
        
        <p><br><img src="https://up.picr.de/39016289xb.jpg"></p>
        <p><br></p>
        <p>[img]https://up.picr.de/39016289xb.jpg[/img]</p>
        </woltlab-spoiler><br>

    Kannst du in dieser Ansicht vielleicht sehen, was da zuvor schiefgegangen ist?

  • Kann es sein, dass du die img-tags als Quellcode eingefügt hast? Wenn man oben in der Leiste Code anwählt (</>) kommt ja so ein weißer Kasten, den meine ich auf Bild 2 erkennen zu können. Jeglicher Inhalt des Kastens wird rein als Text ausgelesen, also alle Funktionen und Tags darin funktionieren nicht (dafür ist der Code da, so habe ich oben auch den Code eingefügt).


    Die img-Tags müssen stattdessen einfach so eingetippt werden - direkt in den Inhalt ohne zusätzliche Funktion - dann sollte das eigentlich klappen. Andernfalls wäre es super, wenn du die beiden Bilder nochmal größer hochladen würdest, viel ist da echt nicht zu erkennen :zwinker:

  • Dein Quellcode an der entsprechenden Stelle sieht gerade so aus:


    Code
    <woltlab-spoiler data-label="Ergebnis">
            
            <p><span style="color:rgb(34,34,34);"><span style="font-family:Verdana, Arial, sans-serif;"></span></span></p><a href="https://40k-fanworld.de/gallery/index.php?image/32720-tguard/"><img src="https://40k-fanworld.de/gallery/index.php?image/32720-tguard/" alt="32720-tguard"></a>
            <p><br></p>
            <p><a href="https://40k-fanworld.de/gallery/index.php?image/32719-hguard/"><img src="https://40k-fanworld.de/gallery/index.php?image/32719-hguard/" alt="32719-hguard"></a></p>
            <p><span style="color:rgb(34,34,34);"><span style="font-family:Verdana, Arial, sans-serif;"></span></span></p>
        </woltlab-spoiler>


    Das ist ein ziemliches Chaos - das ganze Spanzeugs oben mit Schriftartfamilien etc. sieht für mich aus, als hättest Du was aus Word rüberkopiert ...

    Die beiden eingebauten Links (hinter img src=" ) verweisen jedenfalls nicht auf das Bild, sondern auf die Galerieseite mit dem Bild. Wenn Du das korrigierst, so dass es so aussieht:


    Code
    <woltlab-spoiler data-label="Ergebnis">
            
            <p><span style="color:rgb(34,34,34);"><span style="font-family:Verdana, Arial, sans-serif;"></span></span></p><a href="https://40k-fanworld.de/gallery/index.php?image/32720-tguard/"><img src="https://40k-fanworld.de/gallery/userImages/56/32720-568c2e60-large.jpg" alt="32720-tguard"></a>
            <p><br></p>
            <p><a href="https://40k-fanworld.de/gallery/index.php?image/32719-hguard/"><img src="https://40k-fanworld.de/gallery/userImages/b1/32719-b172a99d-large.jpg" alt="32719-hguard"></a></p>
            <p><span style="color:rgb(34,34,34);"><span style="font-family:Verdana, Arial, sans-serif;"></span></span></p>
        </woltlab-spoiler>


    (das sind jeweils die direkten Bildadressen, die kriegst Du, wenn Du auf das Galeriebild mit rechter Maus klickst und "Bildadresse kopieren" wählst), dann sollte es funktionieren. Ob Du dabei auf Bilder in der GAllerie oder auf Bilder bei einem externen Hoster verlinkst, dürfte keinen Unterschied machen,

  • Moinsen...


    ich habe es jetzt verstanden, wie es richtig zu machen ist...


    Wenn man oben in der Leiste Code anwählt (</>) kommt ja so ein weißer Kasten, den meine ich auf Bild 2 erkennen zu können. Jeglicher Inhalt des Kastens wird rein als Text ausgelesen, also alle Funktionen und Tags darin funktionieren nicht (dafür ist der Code da, so habe ich oben auch den Code eingefügt).

    Ich habe den Code des Bildes von der Plattform kopiert und einfach einfügen wollen...

    Da kam dann dieser Weiße Kasten...


    Wenn ich vorher aber auf </> drücke kommt der weiße Kasten nicht und das funzt...


    Find ich wegen der zusätzlichen clicks, die zu machen sind bissl umständlich...aber ist halt so...


    Vielen Dank für deine Hilfe MiSi...

    Und danke Nachtschatten...

  • Das mit den Extra-Klicks bzw. der Code-Funktion, die sich ungefragt selbst einschaltet, ist seltsam. Hast du denn einfach die URL des Bildes aus der Adressleiste kopiert, oder irgendeine Funktion zum Teilen des Hosters genutzt (BB Code oder sowas)? Ich kopiere mir immer direkt die URL und hatte damit nie Probleme. In den Nutzereinstellungen habe ich auch nichts gefunden, was das verursachen könnte...

  • Moinsen...


    fachsprachlich kann ich diesbezüglich nicht antworten...dazu bin ich zu sehr user...


    BB-Code für Direktanzeige in Foren

    Code
    [img]https://up.picr.de/39016289xb.jpg[/img]

    39016289xb.jpg


    BB-Code für Galerie mit verlinkten Thumbnails

    Code
    [url=https://show.picr.de/39016289xb.jpg.html][img]https://thumbs.picr.de/39016289xb.jpg[/img][/url]


    39016289xb.jpg


    HTML-Code für die Verwendung in Auktionen, Blogs etc

    Code
    <img src='https://up.picr.de/39016289xb.jpg' border='0' />


    39016289xb.jpg


    Das sind die Auswahlen, die ich zur Verfügung habe...

    Bislang war für mich die oberste relevant...hat auch immer ohne Probleme funktioniert...

  • Schaltet sich der Code denn bei allen Varianten dazwischen?

    BB-Code für Direktanzeige in Foren

    Code
    [img]https://up.picr.de/39016289xb.jpg[/img]

    Das ist dann ja die interessanteste Option. Was ist denn, wenn du die Zeile im Code einfach so markierst, kopierst und dann in eine Antwort einfügst, will der dann auch automatisch Quelltext sein?