Html / CSS erstellen Sie ein Live-Bild einer Website

8

Ich habe versucht, einen Link auf einer Website zu erstellen, der ein sich ständig veränderndes Bild zeigt, wo auch immer der Link hinführt.

Zum Beispiel: Ich habe einen Link zu Seite A, so dass das Bild die Seite A zeigt. Wenn ich die Farbe von Seite A ändern möchte, müsste ich keinen Code auf dem Linkbild ändern, sondern nur den Code Für die Farbe auf der Seite und das Bild wird sich also die Farbe ändern.

    
Dillyo09 11.01.2013, 15:47
quelle

4 Antworten

2

Sie könnten einfach ein kleines iframe verwenden. Ich würde einen Link über den Layer legen, um jegliche Interaktionen mit dieser Seite selbst zu verhindern. Andernfalls erfordert das Scrappen eines Screenshots mehr als nur HTML und CSS.

    
Tom Pietrosanti 11.01.2013, 15:50
quelle
4

Sie können einen kommerziellen Dienst wie Shrink The Web verwenden, der eine API für diese Funktion bereitstellt. Es ist viel intensiver als nur ein bisschen CSS / HTML ..

    
Ryan McDonough 11.01.2013 15:58
quelle
2

Wenn ich Ihre Frage richtig verstanden habe, sind das die Möglichkeiten für Ihr Problem.

  1. Verwenden Sie Iframes, damit Sie die Quelle von iframe mit Ihren Änderungen ändern können, und es wird an jedem Ort angezeigt, an dem es verwendet wird.
  2. Wenn Sie Jquery, knockout oder eine beliebige Vorlagen-Engine verwenden, können Sie eine Vorlage erstellen. damit Sie es ändern und wiederverwenden können.
Ravi Gadag 11.01.2013 15:54
quelle
1

Es gibt kostenlose Tools, die dies tun,

Sie müssen das Bild nicht ändern, aber sie verwenden den Cache und Sie müssen möglicherweise die Anforderung aktualisieren, um image zu aktualisieren

  1. Ссылка
  2. Ссылка

Sie sind sehr einfach zu verwenden, da dieser Link eine sehr kleine Einstellung von Google zeigt und Sie in einem HTML-IMG-Tag verwenden können: Ссылка

Mein Vorschlag:

Der erste (mozshot) ist Open Source, also können Sie ihn einfach herunterladen und bearbeiten, ihn auf Ihre eigene Website stellen , um das Bild häufig oder sogar nach jeder Aktualisierung zu aktualisieren (was live wäre, aber viel kostet) der Ressource)

Hier ist der Quellcode für mozshot: Ссылка

Hoffe das hilft

    
Color 11.01.2013 16:01
quelle

Tags und Links