Top-Themen

AppleEntwicklungHardwareInternetLinuxMicrosoftMultimediaNetzwerkeOff TopicSicherheitSonstige SystemeVirtualisierungWeiterbildungZusammenarbeit

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

JavaScript soll DIV Background ändern

Frage Entwicklung JavaScript

Mitglied: Orikson

Orikson (Level 1) - Jetzt verbinden

07.06.2011 um 10:43 Uhr, 4100 Aufrufe, 1 Kommentar

bei bereits fertigem ImageFade Script

Hallo,

ich möchte im Banner einer Website mehrere Bilder einbinden, die nacheinander durchlaufen sollen. Dazu hab ich dieses geniale JavaScript (http://www.maltesieb.de/skripte/imgfader-deutsch/) gefunden und es funktioniert soweit auch.

Als JavaSript habe ich jetz einfach die Datei von der Webseite kopiert, in meinem HTML Dokument steht:
01.
<div id="header"> 
02.
	<script type="text/javascript"> 
03.
		var fader = new Fade('header', { 
04.
			imgs: ['1.jpg', '2.jpg', '3.jpg', '4.jpg', '5.jpg', '6.jpg', '7.jpg'], 
05.
			mode: 'random', 
06.
			fDur: 1, 
07.
			delay: 3, 
08.
			clear: true 
09.
		}); 
10.
	</script> 
11.
</div>
Das Script erzeugt jetzt in dem DIV-Container mit dem Namen "header" ein <img> bei dem dann die Bilder durchlaufen. Nur hab ich dann das Problem, dass die Bilder rechts über den Header rausstehen! Daher würde ich die Bilder gerne als Hintergrund für den DIV-Container durchlaufen lassen.

Ich hatte es immerhin schon so weit, dass das erste Bild angezeigt wird, aber das faden hat dann nicht mehr funktioniert. Könnte mir da wer nen Tipp geben, was ich in dem Script noch ändern muss?
Mitglied: Snowman25
07.06.2011 um 10:55 Uhr
Hallo Orikson,

das Skrip funktioniert, indem es für jedes Bild ein IMG-Element erzeugt, und dann die Transparenz des Bildes verändert.
Dies ist mit Hintergründen allerdings nicht möglich, da es 1. keine Hintergrund-Elemente gibt und 2. es nur einen Hintergrund pro Element geben kann.

Du könntest aber einen div mit overflow: hidden; verwenden.

Gruß
Snow
Bitte warten ..
Ähnliche Inhalte
CSS
CSS Background-image erscheint einfach nicht (3)

Frage von MyApps2GO.de zum Thema CSS ...

Windows 10
Windows Default Background (9)

Frage von killtec zum Thema Windows 10 ...

JavaScript
gelöst Funktion ausführen nach Refresch von DIV Container (2)

Frage von wiesi200 zum Thema JavaScript ...

HTML
gelöst Iframe wird zu klein in div angezeigt (7)

Frage von Thomas91 zum Thema HTML ...

Neue Wissensbeiträge
Windows Update

Novemberpatches und Nadeldrucker bereiten Kopfschmerzen

(14)

Tipp von MettGurke zum Thema Windows Update ...

Windows 10

Abhilfe für Abstürze von CDPUsersvc auf Win10 1607 und 2016 1607

(7)

Tipp von DerWoWusste zum Thema Windows 10 ...

RedHat, CentOS, Fedora

Fedora 27 ist verfügbar

Information von Frank zum Thema RedHat, CentOS, Fedora ...

Heiß diskutierte Inhalte
Windows Userverwaltung
gelöst Administrator hat alle Rechte verloren (10)

Frage von mrdead zum Thema Windows Userverwaltung ...

LAN, WAN, Wireless
Gebäude mit WLAN ausstatten (9)

Frage von udobec zum Thema LAN, WAN, Wireless ...

Hyper-V
Hyper V VM abgeschaltet Speicher zu gering (7)

Frage von Thabeus zum Thema Hyper-V ...

Netzwerkgrundlagen
Frage zu VLANS taged untaged exclude (6)

Frage von Akcent zum Thema Netzwerkgrundlagen ...