Knuddelesel.de - Bewegtes Bild im Hintergrund

Suche - User Hompages

Suche - Forum

Suche - FAQs

Suche - Neuigkeiten

Suche - Diskussionen

Suche - Events

Suche - Gruppen

Suche - Bilder

Suche - Mitglieder

Suche - Videos

Suche - Inhalt

Suche - Mitglieder

Suche - Downloads

Home Menü HP-Help Scripte Grafik Effekte Bewegtes Bild im Hintergrund

0 0

You just liked 'Bewegtes Bild im Hintergrund'.

Private halten

1
2
3
4
5

( 0 Stimmen )

Details: Zugriffe: 1206

Dieses Script bewegt ein beliebiges Logo im Hintergrund einer Homepage - sehr schöner Effekt. (Nur IE!)

Script-Box:
anklicken und mit der rechten Maus-Taste kopieren oder drücke Strg+C, um den markierten Text in die Zwischenablage zu kopieren.
Du kannst ihn anschließend direkt auf deiner Seite bzw. in einen Texteditor zur Weiterbearbeitung mit Strg+V einfügen.

<style TYPE="text/css">

</style>

<script LANGUAGE="JavaScript1.2" TYPE="text/javascript">
<!-- ... Quelle Beispiel ...
// Browserabhaengige Informationen
var	nn	= (navigator.appName == "Netscape") ? true : false
// Bildinformationen
var	imgURL		= "http://www.knuddelesel.de/bilder/hinter1.jpg" 
var	imgWidth	= 160
var	imgHeight	= 120
// Darstellungsinformationen
var	imgStep	= 50	// Zeitintervall in ms
var	imgIntX	= 200	// horizontales Intervall
var	imgIntY	= 450	// vertikales Intervall
// Statusinformationen
var	imgIncX	= 0
var	imgIncY	= 0
// Zentrieren des Hintergrundbilds
function bgstep()
{
	var	iWidth	= (nn ? innerWidth : Number(document.body.clientWidth))
	var	iHeight	= (nn ? innerHeight : Number(document.body.clientHeight))
	with(nn ? document.Bild : Bild)
	{
		// Platz fuer die Darstellung?
		if(imgWidth > iWidth ||
			imgHeight > iHeight)
		{
			visibility	= false
			return
		}
		// Koordinatenberechnung
		if(nn)
		{
			left	= Math.floor((1 + Math.sin(imgIncX * 2 * Math.PI / imgIntX)) * ((innerWidth - imgWidth) / 2))
			top	= Math.floor((1 + Math.cos(imgIncY * 2 * Math.PI / imgIntY)) * ((innerHeight - imgHeight) / 2))
		}
		else
		{
			style.left	= Math.floor((1 + Math.sin(imgIncX * 2 * Math.PI / imgIntX)) * ((iWidth - imgWidth) / 2))
			style.top	= Math.floor((1 + Math.cos(imgIncY * 2 * Math.PI / imgIntY)) * ((iHeight - imgHeight) / 2))
		}
		// Naechster Schritt
		imgIncX++
		imgIncY++
		imgIncX	%= imgIntX
		imgIncY	%= imgIntY
		visibility	= true
	}
	setTimeout("bgstep()", imgStep)
}
// Initialisierung der Darstellung
function bglayer()
{
	var	iWidth	= (nn ? innerWidth : Number(document.body.clientWidth))
	var	iHeight	= (nn ? innerHeight : Number(document.body.clientHeight))
	with(nn ? document.Bild : Bild)
	{
		if(nn)
		{
			left	= Math.floor((iWidth - imgWidth) / 2)
			top	= Math.floor(iHeight - imgHeight)
			width	= imgWidth
			height	= imgHeight
			with(document)
			{
				open("text/html")
				write("<IMG SRC=\"" + imgURL + "\" " +
					"WIDTH=" + imgWidth + " " +
					"HEIGHT=" + imgHeight + " ALT=\"\">")
				close()
			}
		}
		else
		{
			style.left	= Math.floor((iWidth - imgWidth) / 2)
			style.top	= Math.floor(iHeight - imgHeight)
			style.width	= imgWidth
			style.height	= imgHeight
			innerHTML	= "<IMG SRC=\"" + imgURL + "\" " +
					"WIDTH=" + imgWidth + " " +
					"HEIGHT=" + imgHeight + " ALT=\"\">"
		}
		setTimeout("bgstep()", imgStep)
	}
}

window.onload=bglayer

// -->
</script>
<div ID="Bild"></div><div ID="Text"><p> </p>
    </div>
<div align="center"><center>

Kommentar hinzufügen

Kommentare

Kommentare

Keine Kommentare gefunden

Powered by Komento

Copyright © 2005-2013, Knuddelesel.de. All Rights Reserved.

Anmeldung / Login

Login mit Facebook

Wer ist Online?

43 Plugje

2 Mitglieder - 260 Gäste

Community Statistiken

Mitglieder : 8218

Gruppen : 19

Diskussionen : 4

Fotoalben : 208

Fotos : 483

Videos : 94

Gruppenbeiträge : 4

Aktivitäten : 23596

Pinwand Einträge : 155

Events : 14

Männer : 4539

Frauen : 3441

Ohne Angabe : 238