Top-Themen

Aktuelle Themen (A bis Z)

Administrator.de FeedbackApache ServerAppleAssemblerAudioAusbildungAuslandBackupBasicBatch & ShellBenchmarksBibliotheken & ToolkitsBlogsCloud-DiensteClusterCMSCPU, RAM, MainboardsCSSC und C++DatenbankenDatenschutzDebianDigitiales FernsehenDNSDrucker und ScannerDSL, VDSLE-BooksE-BusinessE-MailEntwicklungErkennung und -AbwehrExchange ServerFestplatten, SSD, RaidFirewallFlatratesGoogle AndroidGrafikGrafikkarten & MonitoreGroupwareHardwareHosting & HousingHTMLHumor (lol)Hyper-VIconsIDE & EditorenInformationsdiensteInstallationInstant MessagingInternetInternet DomäneniOSISDN & AnaloganschlüsseiTunesJavaJavaScriptKiXtartKVMLAN, WAN, WirelessLinuxLinux DesktopLinux NetzwerkLinux ToolsLinux UserverwaltungLizenzierungMac OS XMicrosoftMicrosoft OfficeMikroTik RouterOSMonitoringMultimediaMultimedia & ZubehörNetzwerkeNetzwerkgrundlagenNetzwerkmanagementNetzwerkprotokolleNotebook & ZubehörNovell NetwareOff TopicOpenOffice, LibreOfficeOutlook & MailPapierkorbPascal und DelphiPeripheriegerätePerlPHPPythonRechtliche FragenRedHat, CentOS, FedoraRouter & RoutingSambaSAN, NAS, DASSchriftartenSchulung & TrainingSEOServerServer-HardwareSicherheitSicherheits-ToolsSicherheitsgrundlagenSolarisSonstige SystemeSoziale NetzwerkeSpeicherkartenStudentenjobs & PraktikumSuche ProjektpartnerSuseSwitche und HubsTipps & TricksTK-Netze & GeräteUbuntuUMTS, EDGE & GPRSUtilitiesVB for ApplicationsVerschlüsselung & ZertifikateVideo & StreamingViren und TrojanerVirtualisierungVisual StudioVmwareVoice over IPWebbrowserWebentwicklungWeiterbildungWindows 7Windows 8Windows 10Windows InstallationWindows MobileWindows NetzwerkWindows ServerWindows SystemdateienWindows ToolsWindows UpdateWindows UserverwaltungWindows VistaWindows XPXenserverXMLZusammenarbeit
GELÖST

Bild in Uhrzeigesinn rotieren

Frage Entwicklung CSS

Mitglied: tabociya

tabociya (Level 1) - Jetzt verbinden

22.12.2011 um 12:19 Uhr, 8023 Aufrufe, 12 Kommentare

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
Mitglied: smorod
22.12.2011 um 12:40 Uhr
Hi,

- zum Bild, würd ich einfach empfehlen ein Gif zu erstellen.
-
01.
<head> 
02.
<meta http-equiv="refresh" content="5; URL=http://deineseite.de/zieldatei.html"> 
03.
<!-- ... andere Angaben im Dateikopf ... --> 
04.
</head>
Das ist jetzt eine mögliche Lösung.

LG
Smorod
Bitte warten ..
Mitglied: tabociya
22.12.2011 um 12:45 Uhr
ich habe wie folgt versucht. leider ohne Erfolg

<!DOCTYPE HTML PUBLIC " -W3CDTD HTML 4.01 Transitiona lEN" "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>
Bitte warten ..
Mitglied: smorod
22.12.2011 um 13:23 Uhr
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
Bitte warten ..
Mitglied: Ravers
22.12.2011 um 13:44 Uhr
Hi,

würds auch über eine Gif machen.

Erstellen? = Guckst du mal hier:
http://www.gickr.com/

... und alles wird gut!

greetz
ravers
Bitte warten ..
Mitglied: tabociya
22.12.2011 um 13:57 Uhr
Ich habe mit dem Code oben erstmal versucht nur das Bild zum rotieren zu brinegen.
Leider klapt es nicht
Bitte warten ..
Mitglied: smorod
22.12.2011 um 14:17 Uhr
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.

LG
Smorod
Bitte warten ..
Mitglied: tabociya
22.12.2011 um 14:24 Uhr
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.

Es sollte drehen. Es pasiert aber gar nicht.


LG
Smorod
Bitte warten ..
Mitglied: smorod
22.12.2011 um 15:43 Uhr
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
Bitte warten ..
Mitglied: tabociya
22.12.2011 um 16:48 Uhr
Weisst du warum bei mir nicht funktioniert?
Bitte warten ..
Mitglied: Arano
22.12.2011 um 20:01 Uhr
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)


~Arano
Bitte warten ..
Mitglied: tabociya
22.12.2011 um 21:33 Uhr
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,
und wie mache das mit einem Gif?
wie geht das?

Danke


~Arano
Bitte warten ..
Mitglied: Arano
23.12.2011 um 16:18 Uhr
Jo!Ho!

und wie mache das mit einem Gif?
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
Bitte warten ..
Ähnliche Inhalte
Grafik
Stapelverarbeitung Bild in neues Bild einfügen
Frage von KodaCHGrafik3 Kommentare

Guten Morgen Ich habe hier einen Ordner mit ganz vielen Bildern. Die grösse ist komplett unterschiedlich. Nun habe ich ...

Humor (lol)
Wo ist der Fehler auf dem Bild?
Information von the-buccaneerHumor (lol)17 Kommentare

und was wird denn beim klicken nun behoben? nichts! meldung bleibt so. nachdem ein anderer client nach einem produktupdate ...

Windows Tools
Dopppelte Bilder
gelöst Frage von malikaWindows Tools7 Kommentare

Guten Abend! Kann mir jemand bitte ein kostenloses Programm für Windows 7 Pro oder OS X El Capitan empfehlen, ...

Windows 8
Bilder nach kopieren defekt
gelöst Frage von deb10er0Windows 828 Kommentare

Hallo ich habe seit neuestem ein Problem wenn ich Bilder von meinem PC weg (also z.B. auf ein Tablet ...

Neue Wissensbeiträge
Verschlüsselung & Zertifikate

19 Jahre alter Angriff auf TLS funktioniert immer noch

Information von BassFishFox vor 1 StundeVerschlüsselung & Zertifikate

Interessant zu lesen. Der Bleichenbacher-Angriff gilt unter Kryptographen als Klassiker, trotzdem funktioniert er oft noch. Wie wir herausgefunden haben, ...

Windows 10

Windows 10 Fall Creators Update - Neue Funktion Hyper-V Standardswitch kann ggf. Fehler bei Proxy Configs verursachen

Erfahrungsbericht von rzlbrnft vor 12 StundenWindows 102 Kommentare

Hallo Kollegen, Da wir die Gefahr lieben, haben wir bei einigen Usern nun mittlerweile das Creators Update drauf. Einige ...

Sicherheit

TLS-Zertifikat und privater Schlüssel von Microsofts Dynamics 365 geleakt

Information von Penny.Cilin vor 14 StundenSicherheit

Microsoft hat versehentlich das TLS-Zertifikat inklusive dem privaten Schlüssel seiner Business-Anwendung Dynamics 365 geleakt. TLS-Zertifikat und privater Schlüssel von ...

Viren und Trojaner

Deaktivierter Keylogger in HP Notebooks entdeckt

Information von bitcoin vor 1 TagViren und Trojaner3 Kommentare

Ein Grund mehr warum man Vorinstallationen der Hersteller immer blank bügeln sollte Der deaktivierte Keylogger findet sich im vorinstallierten ...

Heiß diskutierte Inhalte
Netzwerkmanagement
Firefox Profieles im Roaming
gelöst Frage von Hendrik2586Netzwerkmanagement17 Kommentare

Hallo liebe Leute. :) Ich hab da ein kleines Problem, welches anscheinend nicht unbekannt ist. Wir nutzen hier in ...

Netzwerkmanagement
NAS über zwei weitere Ethernet Anschlüsse verbinden
gelöst Frage von Sibelius001Netzwerkmanagement16 Kommentare

Sorry - ich bin hier wahrscheinlich als kompetter IT Trottel unterwegs. Aber eventuell kann mir jemand ganz einfach helfen: ...

LAN, WAN, Wireless
Häufig Probleme beim Anmelden in WLAN
Frage von mabue88LAN, WAN, Wireless15 Kommentare

Hallo zusammen, in einem Netzwerk gibt es relativ häufig (1-2 mal pro Woche) Probleme mit der WLAN-Verbindung. Zunächst mal ...

Netzwerkgrundlagen
Hi eine blöde frage. xD
Frage von 132954Netzwerkgrundlagen13 Kommentare

Also: Habe 2012 r2 essentials neuinstalliert, allerdings installiert diese version ja gleich diesen gangen AD kram mit, den hab ...