News und Tutorials zu Adobe Photoshop

[GastForen Programme Print/Bildbearbeitung Adobe Photoshop animation fürs web / Imageready

  • Suche
  • Hilfe
  • Lesezeichen
  • Benutzerliste
Print/Bildbearbeitung - Photos, Layout, Design
Themen
Beiträge
Moderatoren
Letzter Beitrag

animation fürs web / Imageready

Toby
Beiträge gesamt: 19

16. Jul 2003, 09:01
Beitrag # 1 von 4
Bewertung:
(598 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
hallo

noch eine Frage von mir. will es hinkriegen, dass wenn man auf ein Bild klickt (gif) eine animation abläuft und anschliessend (!) direkt ein link geöffnet wird. wie geht das? animation habe ich bereits im Imageready gemacht.
Muss ich evtl. zu Flash greifen um ein tolles ergebnis zu erhalten?

Muchos gracias
X

animation fürs web / Imageready

donkey shot
Beiträge gesamt: 1416

16. Jul 2003, 13:30
Beitrag # 2 von 4
Beitrag ID: #43962
Bewertung:
(598 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Das ist im Grunde keine Photoshop-Frage, sondern etwas, was Du mit Javascript realisieren kannst. Dazu mußt Du das Bild beim Klicken austauschen, einen kurzen Timer setzen und nach dessen Ablauf auf die verlinkte Seite gehen.

Frage: Womit machst Du Deine Webseiten und weißt Du wie man ein Javascript in eine Website einbindet?

So ein Skript habe ich schon mal geschrieben (allerdings müßte ich es raussuchen), ich müßte nur noch den Timer einsetzen.

grüsse,

Christof


als Antwort auf: [#43923]

animation fürs web / Imageready

donkey shot
Beiträge gesamt: 1416

17. Jul 2003, 00:06
Beitrag # 3 von 4
Beitrag ID: #44038
Bewertung:
(598 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Naja. Eigentlich gehört das hier eher ins JavaScript- oder GoLive-Forum, aber ich denke, man kann auch mal eine Ausnahme machen.

Hier ist das Skript:

Das schreibst Du in den Head der HTML-Datei:

<SCRIPT LANGUAGE="javascript">

<!--

function swapImg() {

if (document.images) {

document.testbild.src="move.gif"
setTimeout("document.location.href='page2.htm'", 2 * 1000)

}

}

//-->

</SCRIPT>

Den Namen "testdatei" kannst Du natürlich auch austauschen, nur das Bild muß so heißen, wie im <IMG>-Tag (siehe unten).

Bei "page2.htm" setzt Du die Datei ein, auf die Du verweisen willst.

Die Timerzeit steht jetzt auf 2 Sekunden (2*1000 Milllisekunden). Kannst Du natürlich auch verändern, je nach länge Deine Animation.

Und das ist das Bild in der HTML-Datei:

<A HREF="javascript:swapImg()"><IMG SRC="kreis.gif" WIDTH=100 HEIGHT=100 BORDER=0 NAME="testbild"></A>

Wichtig ist, daß der Name, den Du bei NAME="xxx" vergibst mit dem im obigen Skript übereinstimmt.

Und das kommt in den BODY-Tag der HTML-Datei:

ONLOAD="javascript:document.testbild.src='kreis.gif'; new Image("move.gif")"

also zB.

<BODY BGCOLOR="#FFFFFF" ONLOAD="javascript:document.testbild.src='kreis.gif'; new Image("move.gif")">

Das Skript läuft auf allen neueren Browsern, bei denen Java-Skript aktiviert ist.

Hier kannst Du es Dir in Funktion anschauen

http://www.christofbobzin.de/skripts/

grüsse,

Christof


als Antwort auf: [#43923]
(Dieser Beitrag wurde von donkey shot am 17. Jul 2003, 00:07 geändert)

animation fürs web / Imageready

donkey shot
Beiträge gesamt: 1416

17. Jul 2003, 00:09
Beitrag # 4 von 4
Beitrag ID: #44039
Bewertung:
(598 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Ach und das hatte ich noch vergessen:

Die Namen "kreis.gif" und "move.gif" mußt Du natürlich auch entsprechend austauschen.

grüsse,

Christof


als Antwort auf: [#43923]
X

Aktuell

Veranstaltungskalender

Hier können Sie Ihre Anlässe eintragen, welche einen Zusammenhang mit den Angeboten von HilfDirSelbst.ch wie z.B. Adobe InDesign, Photoshop, Illustrator, PDF, Pitstop, Affinity, Marketing, SEO, Büro- und Rechtsthemen etc. haben. Die Einträge werden moderiert freigeschaltet. Dies wird werktags üblicherweise innert 24 Stunden erfolgen.

pdf-icon Hier eine kleine Anleitung hinsichtlich Bedeutung der auszufüllenden Formularfelder.

Veranstaltungen
21.01.2021 - 22.01.2021

Digicomp Academy AG, Bern oder Basel
Donnerstag, 21. Jan. 2021, 08.30 Uhr - Freitag, 22. Jan. 2021, 17.00 Uhr

Kurs

Dieser Basic-Kurs ist der perfekte Einstieg in die Welt von InDesign, dem vielseitigen Layout-Programm. Sie lernen, wie InDesign aufgebaut ist, wie saubere Dokumente erstellt werden und wie man korrekt mit gelieferten InDesign-Projekten umgeht.

Dauer: 2 Tage
Preis: CHF 1'400.–

Ja

Organisator: Digicomp Academy AG

Kontaktinformation: Kundenberater-Team, E-Mailkundenberatung AT digicomp DOT ch

digicomp.ch/d/INDEM1

Veranstaltungen
25.01.2021 - 26.01.2021

Digicomp Academy AG, Bern oder Zürich
Montag, 25. Jan. 2021, 08.30 Uhr - Dienstag, 26. Jan. 2021, 17.00 Uhr

Kurs

In diesem Basic-Kurs lernen Sie das Wichtigste über den Aufbau und die Funktionsweise von Photoshop. Zusammen mit den notwendigen Grundlagen von Farbenlehre bis Bildauflösung lernen Sie zudem die kreativen Möglichkeiten von Photoshop kennen.

Dauer: 2 Tage
Preis: CHF 1'400.–

Ja

Organisator: Digicomp Academy AG

Kontaktinformation: Kundenberater-Team, E-Mailkundenberatung AT digicomp DOT ch

digicomp.ch/d/PHOTM1

Neuste Foreneinträge


Nicht "Silben über Spalten hinweg trennen" (CC 2018/ CC 2021)

PSD CS6 (!) Mac: Dialog "Dateiinformationen" Fenster leer und Sackgasse

InDesign CS6 (8.1.0)-Patch

komische DOC – seltsames Verhalten beim Import in InDesign

Statische Fußnoten-Ziffern

Langsamer MacMini

Laser Drucker druckt schwarze Flecken Links und Rechts von Blatt

Covid und das Wohlbefinden

Farbmanagement bei Fotoabzügen

Großformat Druckdaten anlegen
medienjobs