Bild von "Google Drive" in Webseite einfügen

  • Hallo!

    Ich will in Versuchen auf Tryit ein Bild von meinem "Google Drive Konto" einfügen. Nur leider bekomme ich das nicht gebacken.


    <!DOCTYPE html>

    <html>

    <title>Ein Versuch!</title>

    <body><br /><br /><br />

    <center><div style="background-color:aliceblue; border-radius:10px;

    width:450px;

    height:500px;

    border:3px aquamarine solid;"><br />Hallo!!!

    <br /><hr /

    style="border:2px green solid; width:300px; border-radius:20px;">

    xxx!<br /><br /><hr / style="border:2px green solid;

    width:300px;

    border-radius:20px;"><br />


    <a href="https://drive.google.com/drive/folders/13fxOglH8kDTeJifRs1KvVgzfIgxlhQBa"><img src="Toter Winkel 2.jpg" /></a>


    </div></center>

    </body>

    </html>


    Das ist der Link, den "Google Drive" freigegeben hat:

    https://drive.google.com/file/…x5j8oU7C/view?usp=sharing

    Diese Schreibweisen habe ich probiert:

    Der HTML.net funktioniert! - Ist ja auch nicht auf "Google Drive"!

    Code
    1. <img src="http://www.html.net/logo.png" />

    Wenn ich sie umschreibe nicht!

    Code
    1. <img src="https://drive.google.com/file/d/1yMjvusM1z7tFuR3xbqC02lf2x5j8oU7C/view?usp=sharing/Toter Winkel 2.jpg" />


    Code
    1. <a href="https://drive.google.com/file/d/1yMjvusM1z7tFuR3xbqC02lf2x5j8oU7C/view?usp=sharing"><img src="Toter Winkel 2.jpg" /></a>


    Kann mir einer helfen, den Kuchen zu backen?


    LG und viel Gesundheit an alle!


    <X

  • So geht das nicht:

    Code
    1. <img src="https://drive.google.com/file/d/1yMjvusM1z7tFuR3xbqC02lf2x5j8oU7C/view?usp=sharing/Toter Winkel 2.jpg" />

    Ich würde dir raten, das Bild auf einem eigenen Webserver abzulegen. Falls du es wirklich mit Google Drive machen willst, ist der Link falsch. Der Link den du verwendest leitet auf eine HTML -Seite, mit der ein <img> Tag nichts anfängt. Du brauchst den direkten Link zum Bild.

  • Danke erst einmal für die Zeit, die ihr mir geopfert habt!


    @m.scatello: Danke für den Tipp! - Ich mache das ja nur erst einmal fürs Lernen!


    @prodev: Danke für den Tipp! - Klicke doch einmal auf Link zum Image in Google Drive (im ersten Text steht er auch - s. Screen)


    @basti1012: Danke für den Tipp! - In der Mitte meines ersten Textes steht doch, dass er freigegeben ist! - S. Screen - Probiere ihn doch einmal! - Bei mir leitet er mich weiter, dass ich das Bild sehen kann!

  • Ich kann dein Bild sehen.

    Dann ändere mal die links in meinem Code PEN und füge deine Links ein.

    Code
    1. <h1>Thumbnail image</h1>
    2. <img src="https://drive.google.com/thumbnail?id=1yMjvusM1z7tFuR3xbqC02lf2x5j8oU7C">
    3. <h1>Image als Original Größe</h1>
    4. <img src = "https://drive.google.com/uc?id=1yMjvusM1z7tFuR3xbqC02lf2x5j8oU7C&export=download">

    Bei den normalen img geht es.

    Bei den ifames muss man wohl noch was einstellen

  • Ich verstehe nur noch Bahnhof.

    Ich habe es so verstanden das du die Bilder , die in dein Google Drive liegen, auf deiner Homepage sichtbar sein sollen.

    Bei mein Codepen kannst du sehen, dass es geht , und auf deinen Bildern sehe ich auch das es bei dir geht.

    Was soll die Ausage den jetzt ?


    Bei "share-your-photo.com" funktionieren beide Schreibweisen von dir nicht! s. Screen! - Was muss ich da verändern, dass ich mein Bild angezeigt bekomme?


    share-your-photo.com (https://share-your-photo.com/574af14db0)

    Was hat die Aussage den jetzt mit deiner Homepage Zutun?

    Was ist das für nee Seite was macht die genau?

    Ich verstehe das so:

    Das ist eine von vielen Seiten , wo man Bilder hochladen kann.

    Dann bekommt mein Bildlink was man auf Facebook,Instagram, usw. einbinden kann.

    Auf eigene Homepage könnte man es wahrscheinlich auch so einbinden.


    Jetzt meine Frage ?

    Was hat das mit Google Drive Zutun ?

    Du könntest vielleicht sogar dein Bildlink in Foren und Sozialmedia einbinden .( müsste man testen das weiß ich nicht)

    Wenn es nicht geht, lädst du das Bild von dein Google auf den Rechner.

    Danach lädst du das Bild wieder bei share-your-photo.com hoch.

    Da bekommst du ein Link , was du fast überall einbinden kannst.


    Was das aber mit deine HP Zutun hat weiß ich immer noch nicht.

    Du könntest aber , wie m.scatello schon sagte, dein Bild auf deiner Homepage( Server/ Webserver oder co ), hochladen.

    Das Bild hat dann ein Link, was du eigentlich überall anzeigen lassen kannst. Auch das Bild was bei Google Drive ist läst sich eigentlich auch überall einbinden

  • Na ja, wenn man es so haben will.

    Vielleicht hat der TO irgendein Homepage-Baukasten Anbieter wo man keine eigenen Bilder hochladen kann, das wäre die beste Erklärung warum man das so machen sollte.

    Bei "share-your-photo.com" funktionieren beide Schreibweisen von dir nicht! s. Screen! - Was muss ich da verändern, dass ich mein Bild angezeigt bekomme?

    Scrollen

    Da steht.

    Webseite:(HTML-Code)

    Code
    1. <a href="https://share-your-photo.com/574af14db0" target="_blank"><img src="https://share-your-photo.com/img/574af14db0_album.jpg" border="0" alt="Bilder hochladen" /></a>
  • Danke für das rege Interesse! - Ich wollte im Grunde eigentlich nur Vorbereitungen treffen, wenn ich in ein paar Jahren einen kleinen Web-Shop aufmache, dass ich mir den selber erstellen kann, ohne Baukasten. Da mir m.scatello schrieb, dass Google-Drive langsam ist, was ich dann auch bemerkte, habe ich einfach mal einen kostenfreien Bilder-Server probieren wollen! - Und da die Codes von basti1012 mit share-your-photo nicht funktionierten, habe ich euch noch einmal um eine kleine Hilfestellung gebeten, was ja auch funktioniert hat, denn ich kann mein Picture dank basti1012 jetzt bei Tryit einfügen, dass es dann auch auf der Webseite funktionieren wird! - Ich bin bei Lima-City beim herumprobieren, alle halbe Jahre mal. Von dem Webspace aus, kann ich Bilder einfügen (bin da wieder etwas schlauer geworden, die anderen Server sind wohl einfach langsamer, wusste ich nicht)! - Ich wollte einfach mal Google-Drive und dann einfach mal share-your-photo probieren, aber es ging nicht! - Danke dir Basti!!! - Jetzt bin ich wieder ein kleines Stück weiter gekommen!!! - Danke an alle hier!!!!!


    Allen viel Gesundheit!