12
Bild in Uhrzeigesinn rotieren
Intro seite für Homepage
Hallo,
ich möchte, das Webseite mit der intro seite startet.
Ich habe dafür ein Bild. Das Bild soll sich 5 sekunden lang drehen und dannach soll der Besucher automatisch auf die Hauptseite geleitet werden.
Wie geht das?
ich brauche dringen euere Hilfe
Danke
Tabociya
Hallo,
ich möchte, das Webseite mit der intro seite startet.
Ich habe dafür ein Bild. Das Bild soll sich 5 sekunden lang drehen und dannach soll der Besucher automatisch auf die Hauptseite geleitet werden.
Wie geht das?
ich brauche dringen euere Hilfe
Danke
Tabociya
Auf Facebook teilen
Auf Twitter teilen
Auf Reddit teilen
Auf Linkedin teilenBitte markiere auch die Kommentare, die zur Lösung des Beitrags beigetragen haben
Content-ID: 178014
Url: https://administrator.de/contentid/178014
Ausgedruckt am: 22.11.2024 um 16:11 Uhr
12 Kommentare
Neuester Kommentar
Hi,
- zum Bild, würd ich einfach empfehlen ein Gif zu erstellen.
-
Das ist jetzt eine mögliche Lösung.
LG
Smorod
- zum Bild, würd ich einfach empfehlen ein Gif zu erstellen.
-
<head>
<meta http-equiv="refresh" content="5; URL=http://deineseite.de/zieldatei.html">
<!-- ... andere Angaben im Dateikopf ... -->
</head>Das ist jetzt eine mögliche Lösung.
LG
Smorod
ich habe wie folgt versucht. leider ohne Erfolg
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title></title>
<meta name="author" content="N.Kaymaz">
<meta name="editor" content="html-editor phase 5">
</head>
<body text="#000000" bgcolor="#FFFFFF" link="#FF0000" alink="#FF0000" vlink="#FF0000">
<style type="text/css">
div#rotieren
{
-ms-transform : rotate(720deg) scale(1,1); /* IE 9 */
-webkit-transform : rotate(720deg) scale(1,1); /* Safari and Chrome */
-o-transform : rotate(720deg) scale(1,1); /* Opera */
-moz-transform : rotate(720deg) scale(1,1); /* Firefox */
}
</style>
<div id="rotieren"><img src="logos/pshh_logo_intro_s.png" width="437" height="548" alt="Logo" /></div>
</body>
</html>
Also wenn ich deine Frage am Anfang richtig verstanden hab willst du das Bild 5 Sekunden drehen lassen. Dazu gibt es die Möglichkeit ein Gif Bild zu erstellen, das Bild mit Flash oder so zu animieren...
Mit CSS 3 wirst du das nicht machen können. Deine Anweisungen sagen lediglich, dass der Behält gedreht/geneigt wird. Also keine Animation.
Hoffe ich habe jetzt nichts falsches gesagt, wenn doch möge man mich verbessern.
LG
Smorod
Mit CSS 3 wirst du das nicht machen können. Deine Anweisungen sagen lediglich, dass der Behält gedreht/geneigt wird. Also keine Animation.
Hoffe ich habe jetzt nichts falsches gesagt, wenn doch möge man mich verbessern.
LG
Smorod
Hi,
würds auch über eine Gif machen.
Erstellen? = Guckst du mal hier:
http://www.gickr.com/
... und alles wird gut!
greetz
ravers
würds auch über eine Gif machen.
Erstellen? = Guckst du mal hier:
http://www.gickr.com/
... und alles wird gut!
greetz
ravers
Ich habe mit dem Code oben erstmal versucht nur das Bild zum rotieren zu brinegen.
Leider klapt es nicht
Leider klapt es nicht
Zitat von @tabociya:
Ich habe mit dem Code oben erstmal versucht nur das Bild zum rotieren zu brinegen.
Leider klapt es nicht
Ich habe mit dem Code oben erstmal versucht nur das Bild zum rotieren zu brinegen.
Leider klapt es nicht
Wie schon gesagt, dein Code neigt nur den angegebenen Container nach links oder rechts, je nach Gradangabe.
LG
Smorod
Zitat von @smorod:
> Zitat von @tabociya:
> ----
> Ich habe mit dem Code oben erstmal versucht nur das Bild zum rotieren zu brinegen.
> Leider klapt es nicht
Wie schon gesagt, dein Code neigt nur den angegebenen Container nach links oder rechts, je nach Gradangabe.
> Zitat von @tabociya:
> ----
> Ich habe mit dem Code oben erstmal versucht nur das Bild zum rotieren zu brinegen.
> Leider klapt es nicht
Wie schon gesagt, dein Code neigt nur den angegebenen Container nach links oder rechts, je nach Gradangabe.
Es sollte drehen. Es pasiert aber gar nicht.
LG
Smorod
Hey,
so hab ganz kurz was gelesen und bin erstaunt ^^ mit CSS3 funktioniert das echt, muss mir aber genau durchlesen wie.
aber einfacher ist es halt mir ner GIF ;)
LG
Smorod
so hab ganz kurz was gelesen und bin erstaunt ^^ mit CSS3 funktioniert das echt, muss mir aber genau durchlesen wie.
aber einfacher ist es halt mir ner GIF ;)
LG
Smorod
Weisst du warum bei mir nicht funktioniert?
Hallo 
Der Eigenschaftswert "rotate()" bestimmt nur wie das Element angezeigt werden soll ! Ähnlich der Eigenschaft "top" oder "left".
720° sind zwei komplette Drehungen, ergo wird das Bild "ganz normal" Angezeigt (als sei es nie gedreht worden)
Um das ganze nun noch zu animieren solltest du dir mal die folgenden Eigenschaften ansehen, besonders die aus der Gruppe: "Animation" ;)
CSS-Reference (w3schools.com)
- Im meinem Firefox habe ich das gerade ausprobiert -
ABER:
Also solltest du das ganze vielleicht doch einfach mit einer animierten Grafik (GIF) realisieren - so bliebe mir zumindest auch diese Spielerei erspart (image.animation_mode = none)
~Arano
Weisst du warum bei mir nicht funktioniert?
Weil das was du geschrieben hast, __nichts__ mit einer Animation zu tun hat !Der Eigenschaftswert "rotate()" bestimmt nur wie das Element angezeigt werden soll ! Ähnlich der Eigenschaft "top" oder "left".
720° sind zwei komplette Drehungen, ergo wird das Bild "ganz normal" Angezeigt (als sei es nie gedreht worden)
Um das ganze nun noch zu animieren solltest du dir mal die folgenden Eigenschaften ansehen, besonders die aus der Gruppe: "Animation" ;)
CSS-Reference (w3schools.com)
- Im meinem Firefox habe ich das gerade ausprobiert -
ABER:
Zitat: w3schools.com
Note: This example does not work in Internet Explorer and Opera.
Note: This example does not work in Internet Explorer and Opera.
Also solltest du das ganze vielleicht doch einfach mit einer animierten Grafik (GIF) realisieren - so bliebe mir zumindest auch diese Spielerei erspart (image.animation_mode = none)
~Arano
Zitat von @Arano:
Hallo
> Weisst du warum bei mir nicht funktioniert?
Weil das was du geschrieben hast, __nichts__ mit einer Animation zu tun hat !
Der Eigenschaftswert "rotate()" bestimmt nur wie das Element angezeigt werden soll ! Ähnlich der Eigenschaft
"top" oder "left".
720° sind zwei komplette Drehungen, ergo wird das Bild "ganz normal" Angezeigt (als sei es nie gedreht worden)
Um das ganze nun noch zu animieren solltest du dir mal die folgenden Eigenschaften ansehen, besonders die aus der Gruppe:
"Animation" ;)
CSS-Reference (w3schools.com)
- Im meinem Firefox habe ich das gerade ausprobiert -
ABER:
> Zitat: w3schools.com
> ----
> Note: This example does not work in Internet Explorer and Opera.
Also solltest du das ganze vielleicht doch einfach mit einer animierten Grafik (GIF) realisieren - so bliebe mir zumindest auch
diese Spielerei erspart (image.animation_mode = none)
Hallo
> Weisst du warum bei mir nicht funktioniert?
Weil das was du geschrieben hast, __nichts__ mit einer Animation zu tun hat !
Der Eigenschaftswert "rotate()" bestimmt nur wie das Element angezeigt werden soll ! Ähnlich der Eigenschaft
"top" oder "left".
720° sind zwei komplette Drehungen, ergo wird das Bild "ganz normal" Angezeigt (als sei es nie gedreht worden)
Um das ganze nun noch zu animieren solltest du dir mal die folgenden Eigenschaften ansehen, besonders die aus der Gruppe:
"Animation" ;)
CSS-Reference (w3schools.com)
- Im meinem Firefox habe ich das gerade ausprobiert -
ABER:
> Zitat: w3schools.com
> ----
> Note: This example does not work in Internet Explorer and Opera.
Also solltest du das ganze vielleicht doch einfach mit einer animierten Grafik (GIF) realisieren - so bliebe mir zumindest auch
diese Spielerei erspart (image.animation_mode = none)
Hallo,
und wie mache das mit einem Gif?
wie geht das?
Danke
~Arano
Jo!Ho!
Also eine Möglichkeit hat Ravers dir schon mal genannt.
Dann gibt es sicher noch einige Programme mit denen man das auch machen kann, inkl. einiger weitere Einstellungen z.B. rotation, slide, ect... allerdings kenne ich keine mehr !
Ich würde das mit Gimp machen, kann dir zwar jetzt auch nicht beschreiben wie, aber ich weiss das es geht ! :D
Ich wünsche dir viel Erfolgt und ein paar schöne Feiertage !
~Arano
und wie mache das mit einem Gif?
wie geht das?
wie geht das?
Also eine Möglichkeit hat Ravers dir schon mal genannt.
Dann gibt es sicher noch einige Programme mit denen man das auch machen kann, inkl. einiger weitere Einstellungen z.B. rotation, slide, ect... allerdings kenne ich keine mehr !
Ich würde das mit Gimp machen, kann dir zwar jetzt auch nicht beschreiben wie, aber ich weiss das es geht ! :D
Ich wünsche dir viel Erfolgt und ein paar schöne Feiertage !
~Arano
