Kostenlose Java-Scripts Singra Welle

Gif-Bilder

Home
Software
3D Grafik
animierte Gifs
Open Source
Freeware
Begriffe
Favicons
Fotografie
Tipps Tricks
Games
Bildarchive
Fussball
Artikel
Java-Scripts
Download
Wallpaper
Lexikon
Weblog

Quellen

Freie Fonts
Freie Sounds
Gratis Grafiken
Texte kaufen
Content Klau
CSS Hilfe
CSS Design
CSS Editor
HTML Editor
Grafiktools
Keyword Info
3D Software
Blog Header
Blog Footer
WP Vorlagen
WP Plugins
WP Quellen

Javascript - Singra

Hier können Sie ein Singra Javascript herunterladen. Ein Banner läuft von unten den Bildschirm entlang. Bitte prüft das Script ob es auch im Firefox und weiteren Browsern funktioniert.

Bauen Sie diesen Quellcode zwischen den Head Tag ein:

<STYLE TYPE="text/css">
<!--
#Bild
{
	position: absolute;
	visibility: hide;
	z-index: 1;
}
#Text
{
	position: absolute;
	visibility: show;
	z-index: 2;
}
// -->
</STYLE>

Bauen Sie diesen Quellcode in den Body Tag ein:

<body onLoad="bglayer()">

Bauen Sie diesen Quellcode zwischen den Body Tag ein:

<SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript">
<!-- ... Quelle Dummy ...
function bglayer(){}
// ... Ende Dummy ... -->
</SCRIPT>
<SCRIPT LANGUAGE="JavaScript1.2" TYPE="text/javascript">
<!-- ... Quelle Beispiel ...
// Browserabhaengige Informationen
var	nn	= (navigator.appName == "Netscape") ? true : false
// Bildinformationen
var	imgURL		= "Banner.gif"
var	imgWidth	= 400
var	imgHeight	= 80
// 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)
	}
}
// -->
</SCRIPT>
<DIV ID="Bild"></DIV>
<DIV ID="Text"></DIV>

zurück

Themen:

WP Themes

Programme

Webmaster

SEO Lexikon

Foto Download

Info - Tipp:

Analytics

Webdesign

ECommerce

Reisen

Treiber

Finanzen

Datenrettung

lizenzfreie Bilder

Seo

Filme

Sitemap

Impressum

Language: France

English

Italiano

Spain

Português

	Suchbegriff eingeben Suchformular senden Web www.gif-bilder.de