Größe eines Bildes ändern, dass ich per Embeded-Code von einer anderen Homepage erhalte

    Hallo zusammen,


    ich verfolge als Gast euer Forum schon seit einigen Jahren. Eure DVD-Kurse sind super und haben mir bereits extrem geholfen.


    Ich habe eine Frage, bei der ich seit einigen Tagen nicht weiterkomme. (Trotz Forum und Google) Vielleicht könnt ihr ja helfen?


    Ich versuche von einer Filmplakatseite mit Genehmigung des Anbieters (Embeded-Code wird zu jedem Plakat angeboten) zu nutzen.


    Die Nutzung der Embeded-Codes wäre super. Sonst muss ich für jedes Filmplakat den jeweiligen Rechteinhaber (das sind mehrere 100) um Erlaubnis bitten.


    Code:
    <script type="text/javascript" src="http://www.filmposter-archiv.de/extern/embed.php?id=1543"></script>



    Dieses Java Script kann ich auch ohne Probleme in meine Homepage einbauen. Das Bild wird auch angezeigt. (etwa Passfoto).


    Bei einem img-Tag braucht man ja nur die height und width über CSS zu ändern.
    Bei dem Java Script kann ich die Attribute src oder script nicht ändern. Habe auch eine id ergänzt.


    Gibt es eine Möglichkeit, die Größe des Bildes anzupassen?




    Ich sage schon vielen Dank im Voraus.


    Liebe Grüße
    Markus Kogler

    Das PHP-Script generiert einen JS Code ..

    JavaScript
    document.write('<a target="plakatanzeige" href="http://www.filmposter-archiv.de/filmplakat.php?id=1543"><img title="Herr der Ringe: Die Gef&auml;hrten, Der" alt="Herr der Ringe: Die Gef&auml;hrten, Der" style="width: 150px; height: 210px; border: 0px;" src="http://www.filmposter-archiv.de/thumbnails/embed/1543_150.jpg" /></a>');


    Diser schreibt auf deine Website folgendes:

    HTML
    <a target="plakatanzeige" href="http://www.filmposter-archiv.de/filmplakat.php?id=1543"><img title="Herr der Ringe: Die Gef&auml;hrten, Der" alt="Herr der Ringe: Die Gef&auml;hrten, Der" style="width: 150px; height: 210px; border: 0px;" src="http://www.filmposter-archiv.de/thumbnails/embed/1543_150.jpg" /></a>


    Wenn du nun dad Bild via CSS ansprechen willst musst du den a-tag ansprechen und dessen kind (das img)

    CSS
    /* jeder a-tag dessen Ziel (href) "filmplakat.php" enthält -> sessen kind img */
a[href*="filmplakat.php"] img{
  width: 100px !important;
  height: auto !important;
}


    auserdem musst du das elementstyle des img mit !important überschreiben .. so etwa

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!

Benutzerkonto erstellen Anmelden