Autor |
Nachricht |
waldorio
Threadersteller
Dabei seit: 04.09.2009
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Fr 27.05.2011 17:17
Titel Fade In nur mit CSS3 "ohne link" bei Load |
|
|
kleines problemchen für was es hoffentlich eine CSS3 bzw. Html5 Lösung ohne Java gibt:
Div soll bei aufruf der seite langsam eingeblendet werden (ja, mit :target und display hab ich schon ausprobiert, geht aber nur mit beispielsweise 'nem link,oder ?). Ich hab jetzt glaub ich so 5 stunden gesucht und jedesmal ist es entweder Java oder muss durch einen link bzw. hover ausgelöst werden.
Jemand ne idee
|
|
|
|
|
Smooth-Graphics
Dabei seit: 22.05.2006
Ort: -
Alter: -
Geschlecht:
|
Verfasst Fr 27.05.2011 17:24
Titel
|
|
|
Java… ist hier gar nichts. Wenn schon, dann Javascript.
Und ja, du solltest hier JS einsetzen, nur mit CSS3 geht es nur auf Pseudoselektoren angewandt…
|
|
|
|
|
Anzeige
|
|
|
waldorio
Threadersteller
Dabei seit: 04.09.2009
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Fr 27.05.2011 17:40
Titel
|
|
|
o.k. danke für die sensationell schnell antwort.
hast du vielleicht dann eine idee wie ich das möglichst mit wenig code machen könnte ?
mit jquery wäre das ja soviel ich weiß kein problem, aber da es sich um eine Joomla seite handelt möchte ich nicht noch eine zusätzliche bibliothek einbauen, da Joomla ja die Mootools benutzt (da bin ich nicht fündig geworden, hab ich alllerdings auch keine ahnung)
|
|
|
|
|
Smooth-Graphics
Dabei seit: 22.05.2006
Ort: -
Alter: -
Geschlecht:
|
|
|
|
|
waldorio
Threadersteller
Dabei seit: 04.09.2009
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Mo 06.06.2011 20:11
Titel
|
|
|
Danke aber bin als java laie leider nicht schlau drausgeworden.
Damit der code nicht zu aufgeblasen wird, hab ich mich jetzt doch für einen einblend/ausblend button entschieden, soweit alles klar - funktioniert.
Code: | function ShowHide(id){obj=document.getElementsByTagName("div");if(obj[id].style.visibility=='hidden'){obj[id].style.visibility='visible'}else{obj[id].style.visibility='hidden'}}
<a href="#" onclick="ShowHide('inhalt')">ein-ausblenden</a> |
Wie muss jetzt das script abgeändert werden damit ein grafischer button (png) draus wird, der je nach option sein aussehen wechselt ? Wenn noch mit einer zeile mehr ein bischen "fade" (für das div) dabei wär, wär's natürlich bombastisch
Danke and have a nice week !
|
|
|
|
|
emorikaner
Dabei seit: 23.06.2009
Ort: -
Alter: -
Geschlecht:
|
Verfasst Di 07.06.2011 08:42
Titel
|
|
|
Wenns ohne Javascript und nur mit CSS3 gehen soll, kannst du das ganze Serverseitig lösen:
Wenn man zB. auf www.example.org/deineSeite geht, wird man dadurch automatisch zu www.example.org/deineSeite#deinDiv weitergeleitet.
Damit kannst du dann auch #deinDiv:target verwenden. Allerdings würde ich es der einfachhalberkeit mit JS machen
Zuletzt bearbeitet von emorikaner am Di 07.06.2011 08:42, insgesamt 1-mal bearbeitet
|
|
|
|
|
waldorio
Threadersteller
Dabei seit: 04.09.2009
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Di 07.06.2011 09:00
Titel
|
|
|
emorikaner hat geschrieben: | Wenns ohne Javascript und nur mit CSS3 gehen soll, kannst du das ganze Serverseitig lösen:
Wenn man zB. auf www.example.org/deineSeite geht, wird man dadurch automatisch zu www.example.org/deineSeite#deinDiv weitergeleitet.
Damit kannst du dann auch #deinDiv:target verwenden. Allerdings würde ich es der einfachhalberkeit mit JS machen |
danke, aber ich hab mich jetzt doch auf die java variante eingeschossen, bräuchte aber wie gesagt nur noch die kleine
modifikation des oben beschriebenen scripts, damit das ganze nur über einen button läuft
|
|
|
|
|
|
|
|
Ähnliche Themen |
Flash 8 // fade in/fade out // ActionScript Problem
opacity Fade-in Fade-out
on.../load Movie
jQuery Load Bilder und T-Mobil
Brauche hilfe bei LOAD DATA INFILE
[load movie]Flash-Tutorial gesucht
|
|