mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Di 23.04.2024 09:07 Benutzername: Passwort: Auto-Login

Thema: jQuery | Effects bei CSS vom 22.06.2009


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Programmierung -> jQuery | Effects bei CSS
Seite: 1, 2  Weiter
Autor Nachricht
choise
Threadersteller

Dabei seit: 01.02.2007
Ort: Würzburg
Alter: 35
Geschlecht: Männlich
Verfasst Mo 22.06.2009 15:58
Titel

jQuery | Effects bei CSS

Antworten mit Zitat Zum Seitenanfang

Hi Leute,

wollte mal fragen ob es mit jQuery ist, Effekte wie FadeIn o.ä. bei CSS eigenschaften anzuwenden.

konkret geht es darum ein backgroundimage einfaden zu lassen.

Zitat:

var div = $('#content');

styles = {
'background-image' : 'url(img/pfeil.gif)',
'background-repeat' : 'no-repeat'
}

div.css(styles);


FadeIn wäre hier ja fehl am Platz, da das element ja vorhanden ist und lediglich der background faden soll.
Animate funktioniert leider auch nicht.

Jemand eine idee?


Zuletzt bearbeitet von choise am Mo 22.06.2009 15:58, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Pixelpole

Dabei seit: 25.10.2004
Ort: Trier
Alter: 37
Geschlecht: Männlich
Verfasst Mo 22.06.2009 16:03
Titel

Antworten mit Zitat Zum Seitenanfang

normalerweise müsste animate aber eigentlich tun *bäh*

//Nachtrag: FadeIn tut ja nix anderes als die eigenschaft opacity zu verändern. Schonmal CSS Eigenschaften nur für eine CSS Eigenschaft definiert? *bäh*

Fazit: Nein, es ist leider nicht möglich. Zumindest nicht wenn es darum geht ein background-image einfaden zu lassen ohne die opacity der ganzen box zu verändern. Und das hat nichtmal was mit jquery zu tun *zwinker*


Zuletzt bearbeitet von Pixelpole am Mo 22.06.2009 16:08, insgesamt 2-mal bearbeitet
  View user's profile Private Nachricht senden
Anzeige
Anzeige
sahnemuh

Dabei seit: 19.06.2003
Ort: /dev/null
Alter: 42
Geschlecht: Männlich
Verfasst Mo 22.06.2009 16:07
Titel

Antworten mit Zitat Zum Seitenanfang

du kannst zwar elemente faden lassen, meines wissens aber keine propertys wie du es vorhast.
  View user's profile Private Nachricht senden
choise
Threadersteller

Dabei seit: 01.02.2007
Ort: Würzburg
Alter: 35
Geschlecht: Männlich
Verfasst Mo 22.06.2009 16:08
Titel

Antworten mit Zitat Zum Seitenanfang

Pixelpole hat geschrieben:
normalerweise müsste animate aber eigentlich tun *bäh*

//Nachtrag: FadeIn tut ja nix anderes als die eigenschaft opacity zu verändern. Schonmal CSS Eigenschaften nur für eine CSS Eigenschaft definiert? *bäh*


deswegen sag ich ja, "fehl am platz".
animate tuts bei mir nicht..

getestet so:

Code:

div.animate({backgroundImage:'url(img/pfeil_stromrechner.gif)'}, 1000);


oder raff ich animate nur nicht?

Zitat:

ote that properties should be specified using camel case,


hab ich ja, geht man von javascript aus lieg ich ja mit dem url bei der camelcase eigenschaft auch richtig oder?


sahnemuh hat geschrieben:
du kannst zwar elemente faden lassen, meines wissens aber keine propertys wie du es vorhast.


hmm, aber warum gehts dann mit fontsize etc ?
//³ oke gut, das ist ja keine opacity sondern nur anpassungen der zahlenwerte...


Zuletzt bearbeitet von choise am Mo 22.06.2009 16:10, insgesamt 3-mal bearbeitet
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
sahnemuh

Dabei seit: 19.06.2003
Ort: /dev/null
Alter: 42
Geschlecht: Männlich
Verfasst Mo 22.06.2009 16:11
Titel

Antworten mit Zitat Zum Seitenanfang

verstehe ich dich richtig? du willst einem element eine property zuweisen, die quasi noch "unsichtbar" ist und sie dann einblenden?
  View user's profile Private Nachricht senden
choise
Threadersteller

Dabei seit: 01.02.2007
Ort: Würzburg
Alter: 35
Geschlecht: Männlich
Verfasst Mo 22.06.2009 16:12
Titel

Antworten mit Zitat Zum Seitenanfang

sahnemuh hat geschrieben:
verstehe ich dich richtig? du willst einem element eine property zuweisen, die quasi noch "unsichtbar" ist und sie dann einblenden?


* Ja, ja, ja... *
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
m
Moderator

Dabei seit: 18.11.2004
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Mo 22.06.2009 16:12
Titel

Antworten mit Zitat Zum Seitenanfang

Du scheinst da noch was falsch zu verstehen. Ein Transparenzwert für Hintergrundeigenschaften
existiert nicht. Die einzige Eigenschaft welche du hier animieren könntest wäre background-position.
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
choise
Threadersteller

Dabei seit: 01.02.2007
Ort: Würzburg
Alter: 35
Geschlecht: Männlich
Verfasst Mo 22.06.2009 16:13
Titel

Antworten mit Zitat Zum Seitenanfang

m hat geschrieben:
Du scheinst da noch was falsch zu verstehen. Ein Transparenzwert für Hintergrundeigenschaften
existiert nicht. Die einzige Eigenschaft welche du hier animieren könntest wäre background-position.


jop genau so denke ich auch... werd mal schaun was sich da machen lässt.
// dachte evtl erst an ein hinzufügen einer div per js und diese dann einblenden, allerdings liegt der gewünschte fade innerhalb des paddings dieser div.


Zuletzt bearbeitet von choise am Mo 22.06.2009 16:15, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
 
Ähnliche Themen jQuery UI: Effects auf absolut positionierten Elementen
jQuery Plugin - Slider als Input wie in jQuery UI
jquery - hide content in jquery object
jQuery 1.4
jQuery
jquery php und ajax
Neues Thema eröffnen   Neue Antwort erstellen Seite: 1, 2  Weiter
MGi Foren-Übersicht -> Programmierung


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.