php-resource



Zurück   PHP-Scripte PHP-Tutorials PHP-Jobs und vieles mehr > Entwicklung > HTML, JavaScript, AJAX, jQuery, CSS, Bootstrap, LESS
 

Login

 
eingeloggt bleiben
star Jetzt registrieren   star Passwort vergessen
 

 

 


HTML, JavaScript, AJAX, jQuery, CSS, Bootstrap, LESS Probleme mit HTML5, Bootstrap oder jQuery ?

Antwort
 
LinkBack Themen-Optionen Thema bewerten
  #1 (permalink)  
Alt 08-06-2013, 20:54
Gamer20
 Registrierter Benutzer
Links : Onlinestatus : Gamer20 ist offline
Registriert seit: Mar 2005
Beiträge: 336
Gamer20 kann nur auf Besserung hoffen
Standard jquery backgroundImage mit animate?

mahlzeit!

wie kann ich mit jquery das hintergrundbild (backgroundImage) mit animate ändern?

das kuriose ist, mit .css(.. funktionierts ja, aber es gibt leider keinen weichen übergang bzw. keine animation

Code:
$("document").ready(function() {
    var Dateien = [ 'url(img/HPHGK.jpg)', 'url(img/HPHGK2.jpg)'];
    var counter = 0;
    function cycleBackground() {
        $("table").animate({ backgroundImage: Dateien[counter] },'fast');
        counter++;
        if(counter == Dateien.length) {
            counter = 0;
        }
    }
    setInterval(cycleBackground, 500);
});
wenn ich die zeile:
$("table").animate({ backgroundImage: Dateien[counter] },'fast');

durch diese ersetze:
$("table").css({ backgroundImage: Dateien[counter] });

funktionierts, das sieht aber doof aus, wenn es so hart wechselt.

jemand eine idee?

aktuell habe ich die jquery 1.10.1 version.
Mit Zitat antworten
Antwort

Lesezeichen


Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)
 

Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
jquery fadein (oder ähnlicher effekt) asynchron zu animate? Gamer20 HTML, JavaScript, AJAX, jQuery, CSS, Bootstrap, LESS 0 11-11-2011 06:19
dropdown mit jquery prüfen Marcus-24-D HTML, JavaScript, AJAX, jQuery, CSS, Bootstrap, LESS 2 19-05-2011 20:45
problem mit jquery wono HTML, JavaScript, AJAX, jQuery, CSS, Bootstrap, LESS 3 28-05-2010 17:15
jquery animate & hide joextra HTML, JavaScript, AJAX, jQuery, CSS, Bootstrap, LESS 0 09-12-2009 13:34
Backgroundimage tauschen Wotan HTML, JavaScript, AJAX, jQuery, CSS, Bootstrap, LESS 8 29-10-2004 11:28

Themen-Optionen
Thema bewerten
Thema bewerten:

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are an


PHP News

Die RIGID-FLEX-Technologie
Die RIGID-FLEX-TechnologieDie sogenannte "Flexible Elektronik" , oftmals auch als "Flexible Schaltungen" bezeichnet, ist eine zeitgemäße Technologie zum Montieren von elektronischen Schaltungen.

06.12.2018 | Berni

ebiz-trader 7.5.0 mit PHP7 Unterstützung veröffentlicht
ebiz-trader 7.5.0 mit PHP7 Unterstützung veröffentlichtDie bekannte Marktplatzsoftware ebiz-trader ist in der Version 7.5.0 veröffentlicht worden.

28.05.2018 | Berni


 

Aktuelle PHP Scripte

Maqetta Open Source  HTML5-Editor ansehen Maqetta Open Source HTML5-Editor

Einen WYSIWYG-Editor zur visuellen Erstellung von Userinterfaces in HTML5 (Drag-and-Drop)

13.05.2019 Berni | Kategorie: HTML5/ EDITOR
NodeBB

NodeBB ist eine Foren-Software auf NodeJS-Basis

13.05.2019 Berni | Kategorie: PHP/ Forum PHP Software
EJS TreeGrid ansehen EJS TreeGrid

EJS TreeGrid is DHTML component written in pure JavaScript to display and edit data in table, grid, tree view or grid with tree on HTML page

09.04.2019 coqsoft@ | Kategorie: JAVASCRIPT/ Components
 Alle PHP Scripte anzeigen

Alle Zeitangaben in WEZ +2. Es ist jetzt 18:30 Uhr.