Animation scrollbar machen mit HTML/CSS

Janine17 · 22.06.2010

Ich habe nun eine Animation erstellt und nun möchte ich das man diese auch scrollen kann. Sie läuft die ganze Zeit durchs Bild und man soll bei Interesse zurück scrollen können.

Ich hoffe ihr versteht was ich meine und könnt mir weiterhelfen.

MyBad · 22.06.2010

AW: Animation scrollbar machen mit HTML/CSS

Hi!

Also ich verstehe es nicht so ganz... meinst du das man die Animation zurückspulen kann?

Wie hast du denn die Animation gemacht? Gif, Flash, etc.? Ein paar weitere Informationen wären schon nicht schlecht.

Janine17 · 22.06.2010

AW: Animation scrollbar machen mit HTML/CSS

Ich hab die Animation in einer Tabelle in HTML aufgebaut also reines HTML. Also ist es keine richtige Animation;-). Das Bild bewegt sich halt von rechts nach links und wieder zurück und sie sind verlinkt. Die Bilder habe ich als gif eingefügt.... und ich wollte einen Scrollbalken wie auf der Seite (), in die Animation mit einbauen.

AlexanderBo · 22.06.2010

AW: Animation scrollbar machen mit HTML/CSS

hast du da layout tatsächlich in einer tabelle gemacht¿
(sowas macht man schon seit x-jahren nicht mehr mit tabellen).
ohne aktiviertes JS srollt da nix!
vllt solltest du mal deinen code posten damit man dann genaues sagen kann.

Janine17 · 22.06.2010

AW: Animation scrollbar machen mit HTML/CSS

HTML:

<html>
<head>
<title>Referenzen_Test_02</title>
</head>
<body>
<style type="text/css"> img#a1 { filter: Gray()} @import url (scrollen.css);</style>
<font-face= "arial,verdana,sans-serif"</font>
<marquee BEHAVIOR=ALTERNATE onmouseover="this.scrollAmount=0" onmouseout="this.scrollAmount=1">
<table>
<tr>
<td>
<h4> Industrie<h4>
<a href="Kostenlose Kleinanzeigen auf kleinanzeigen.de">
<img hspace=10 src="marposs_kl_spiegl.gif" border="0" id="a1" 
 onMouseOver="this.style.filter = 'none';"
 onMouseOut="this.style.filter = 'Gray()';">
</td>
</tr>
</table>
</marquee BEHAVIOR=ALTERNATE >
</body>
</html>

Ich weiß Tabellen sind lange out, aber ich hab sonst keine Peilung wie ich es machen soll. Da am besten kein JS verwendet werden soll und kein Flash.

rest5 · 22.06.2010

AW: Animation scrollbar machen mit HTML/CSS

Na jetzt würde ich auch die eingebundene Datei scrollen.css gern noch sehen.

Janine17 · 22.06.2010

AW: Animation scrollbar machen mit HTML/CSS

Ach so die existiert nicht

mit der versuch ich irgendwie das hinzubekommen aber da kamm nix gescheites

Ich weiß dass das alles Wirrwarr ist, aber ich hab auch null Ahnung...

rest5 · 22.06.2010

AW: Animation scrollbar machen mit HTML/CSS

Also wenn ich das richtig sehe, versuchst Du irgendwelche JavaScripte aufzurufen, die es gar nicht gibt. Ohne JavaScript kommst Du eh nicht weiter. Guck mal, ob Du hier nicht findest was Du suchst:

Janine17 · 22.06.2010

AW: Animation scrollbar machen mit HTML/CSS

<style type="text/css"> img#a1 { filter: Gray()}

Das hab ich eingefügt damit die Bilder anfangs grau sind und beim mousover farbig...
Denn nächsten Wert hab ich gar nicht drinne @import url (scrollen.css);</style>...

Ich hoffe ich finde da was...denn ich hab kaum eine Ahnung

Danke

holger2 · 23.06.2010

AW: Animation scrollbar machen mit HTML/CSS

hi
versuche es mal mit jquery zbsp: coda-slider oder so.
es gibt da ne ganze menge und ist auch relativ leicht auf deine bedürfnisse anzupassen.

Janine17 · 23.06.2010

AW: Animation scrollbar machen mit HTML/CSS

Gibt es denn irgendwo die Befehle von JQuery aufgelistet die es alle gibt?

Ich bin mir auch nicht sicher wenn ich das in den head einfüge dann kann ich doch alles in einer externen Datei bearbeiten oder?

Ich hab eben mit einer Kollegin gesprochen und die meinte das die Scripte und Befehle von JQuery alle vorhanden sind und man kopieren kann. Sie sagte das wären fertige Lösungen. Die man zur Hilfe einbindet und kostenlos sind?!

cebito · 23.06.2010

AW: Animation scrollbar machen mit HTML/CSS

Janine17 schrieb:
Gibt es denn irgendwo die Befehle von JQuery aufgelistet die es alle gibt?

jQuery API

AlexanderBo · 23.06.2010

AW: Animation scrollbar machen mit HTML/CSS

Janine17 schrieb:
...
Da am besten kein JS verwendet werden soll und kein Flash.

das beisst sich freilich a bissl mit der jetzigen jQuery-Euphorie ;-)

s.c.r.

Janine17 · 24.06.2010

AW: Animation scrollbar machen mit HTML/CSS

Ja...aber ich muss gestehen...das es leider ohne JS oder so nicht machbar ist was sich mein Kollege vorstellt

....Nun ist die ganze Aufgabe hinfällig.....da unser Joomla System kein JS unterstützt.....*aufreg*
Und Flash haben wir nicht.

Da hast du vollkommen recht;-)

Ahh...wie unhöfflich von mir...danke für den Verweisfür die Befehle von JQuery

Danke Danke

LowkaZ · 24.06.2010

AW: Animation scrollbar machen mit HTML/CSS

Joomla hat mit JS nichts zu tun dass läuft auf deinem Rechner...

AlexanderBo · 24.06.2010

AW: Animation scrollbar machen mit HTML/CSS

Janine17 schrieb:
...da unser Joomla System kein JS unterstützt...

öhm... JS wird in deine html-source mit reingeschrieben und auf deinem server als .html oder .php gespeichert - ablaufen wird es nur (nach übertragung an den user) im browser auf dem rechner des users. was dann wiederum ein aktiviertes JS voraussetzt da es sonst dort auch nicht geht.

Janine17 · 24.06.2010

AW: Animation scrollbar machen mit HTML/CSS

Ich meine, wenn ich meine Datei einsetzte in Joomla, dann verweigert er das JS, da das Joomla so eingestellt ist, dass kein JS verwendet werden darf. Wurde vorher so festgelegt, was man verwenden kann und was nicht.

Das HTML schreibe ich im Joomla oder binde dort Sachen ein. Unsere ganze HP wird von Joomla gemacht. Wir haben mit den HTML etc. nichts am Hut.

Ja das andere JS einschalten oder abschalten können im Browser weiß ich, aber bei uns ist es von vorneherein untersagt.

AlexanderBo · 24.06.2010

AW: Animation scrollbar machen mit HTML/CSS

Janine17 schrieb:
...
Ja das andere JS einschalten oder abschalten können im Browser weiß ich, aber bei uns ist es von vorneherein untersagt.

ich gehöre ja zu den vertretern die sagen: die basisfunktion einer site
(dazu gehört auch ne gute navi+ co bishin zu ner netten bildergalerie) sollte ohne JS auskommen - erst wenn das alles richtig funzt+ schick aussieht kann man JS zusätzlich einsetzen - der kunde hat ein recht ausnahmslos von jedem gelesen zu werden! auch wenn viele mich (und andere vertreter dieser meinung) beschmunzeln - die praxis gibt mir/uns recht

hier rede ich natürlich von
"vom_user_oder_admin_deaktiviertes_JS_clientseitig"

das es bei dir sogar serverseitig nicht eingestellt und "von vorneherein untersagt" ist gibt mir ja sogar noch mehr recht

Janine17 ich will dir mit dem o. g. nicht zu nahe treten -
im gegenteil danke dir ehrlich für eine derartige bestätigung!

rest5 · 24.06.2010

AW: Animation scrollbar machen mit HTML/CSS

AlexanderBo schrieb:
ich gehöre ja zu den vertretern die sagen: die basisfunktion einer site
(dazu gehört auch ne gute navi+ co bishin zu ner netten bildergalerie) sollte ohne JS auskommen - erst wenn das alles richtig funzt+ schick aussieht kann man JS zusätzlich einsetzen - der kunde hat ein recht ausnahmslos von jedem gelesen zu werden! auch wenn viele mich (und andere vertreter dieser meinung) beschmunzeln - die praxis gibt mir/uns recht hier rede ich natürlich von
"vom_user_oder_admin_deaktiviertes_JS_clientseitig"

Schön das es mal (wieder) jemand anspricht! Wir werden uns wohl noch ein paar Jahre mit den Vorbehalten gegen javaScript abfinden müssen.

Janine17 · 25.06.2010

AW: Animation scrollbar machen mit HTML/CSS

Ich glaube ich drücke mich falsch aus. Es gibt im Joomla wohl die Funktion das man, wenn man im Backend arbeitet das man sagt JS ist gar nicht auf der Hompage erlaubt, das ist ein Mausklick. Das heißt, wenn ich den Code einfügen, wird der so oder so nicht gelesen. Klar kann man das selber via Browser einstellen, aber man kann auch vorher schon sagen, dass es gar nicht erlaubt ist. (Ich gebe das mal so wieder wie es mir gesagt worden sit)

Aufjedenfall, darf ich kein JS o. JQuery bei uns einbinden. Und somit ist meine Aufgabe hinfällig. So nen mist. Wie soll man denn bitte ohne Flash, JS oder so animieren. Klar mit ImageReady, aber da kann man ja nicht verlinken etc. .

Na ja. Aber danke für die hilfreichen Tipps