TutorialBlog: ožujka 2013

utorak, 26. ožujka 2013.

Slajdshow 2

Primjer:

Kopiraj i zalijepi gdje zelis da se slajdshow pojavi:

/*
Random image slideshow- By Tyler Clarke (tyler@ihatecoffee.com)
For this script and more, visit http://www.javascriptkit.com
*/

var delay=1000 //set delay in miliseconds
var curindex=0

var randomimages=new Array()

randomimages[0]="http://imageshack.us/a/img825/2838/filigranskokujundzijski.jpg"
 randomimages[1]="http://img339.imageshack.us/img339/5621/abadzija2.jpg"
 randomimages[2]="http://img705.imageshack.us/img705/6005/kazandzije3.jpg"
 randomimages[3]="http://img194.imageshack.us/img194/6861/kazazi.jpg"
 randomimages[4]="http://img163.imageshack.us/img163/8906/kovac.jpg"
 randomimages[5]="http://img402.imageshack.us/img402/1590/vezilje4.jpg"

var preload=new Array()

for (n=0;n<randomimages.length;n++)
{
 preload[n]=new Image()
 preload[n].src=randomimages[n]
}

document.write('<img name="defaultimage" src="'+randomimages[Math.floor(Math.random()*(randomimages.length))]+'">')

function rotateimage()
{

if (curindex==(tempindex=Math.floor(Math.random()*(randomimages.length)))){
curindex=curindex==0? 1 : curindex-1
}
else
curindex=tempindex

document.images.defaultimage.src=randomimages[curindex]
}

setInterval("rotateimage()",delay)

</script>

Prevodjenje na blogu-Google translator

Primjer:

Kopiraj i zalijepi gdje zelis da se prevoditelj pojavi:

Poruka dobrodoslice 2

Primjer:

Kopiraj i zalijepi gdje zelis da se poruka pojavi:

<script type='text/javascript'>
<!--
var mein_text2 = 'DOBRODOSLI NA TUTORIAL BLOG';

/* ab hier nichts mehr ändern */
var Effekt_an = 0;
var Linkobjekt;
var Buchstaben = "\u00A00123456789ABCDEFGHIJKLMNOPQRSTUVWXYZ";
var Durchlauf = 0;
var gefundene_Buchstaben = new Array();

function initEffekt2() {
	document.write('<span id="effekt2_span" style="font-family: Courier;" >');
	for (var i = 0; i < mein_text2.length; i++)
	{
		document.write('-');
	}
	document.write('</span>');
	Effekt_start2();
}

function Effekt_start2()
{
	Linktext = mein_text2;

Linkobjekt = document.getElementById('effekt2_span');
	if(Linkobjekt.innerHTML)
	{
		while(Linktext.indexOf(" ")>-1)
			Linktext = Linktext.substring(0,Linktext.indexOf(" "))+"\u00A0"+Linktext.substring(Linktext.indexOf(" ")+1);

Abflugtafel_Effekt(Linktext.toUpperCase());
	}
}

function Abflugtafel_Effekt(Linktext)
{
	Linkobjekt = document.getElementById('effekt2_span');
	var alle_Buchstaben = "";

for(var i=0;i<(Linktext+"*").lastIndexOf("*");i++)
	{
		if(gefundene_Buchstaben[i]!=Linktext.charAt(i))
			gefundene_Buchstaben[i] = Buchstaben.charAt(Durchlauf);
		alle_Buchstaben += gefundene_Buchstaben[i];
	}

Linkobjekt.innerHTML = alle_Buchstaben;
	Durchlauf++;

if(Durchlauf<37)
	window.setTimeout("Abflugtafel_Effekt(\""+Linktext+"\")",50);
}
//-->
</script>
<br />
<div id="kostenlosejavascripts" align="center"><a href="http://www.kostenlose-javascripts.de/dsl-anbieter-vergleich.html" title="Internetanbieter" target="_blank"></a></div>
<br />
<script type="text/javascript">initEffekt2();</script>

Rotirajuci linkovi

Primjer:

Kopiraj i zalijepi gdje zelis da se rotirajuci linkovi pojave:

<script type='text/javascript'>
<!--
/*
© Valentin Hammer
Originalversion auf http://www.supermario.homepage.eu
*/

var Links55 = new Array();
var Beschreibungen55 = new Array();
var Zielfenster55 = new Array();
var Zaehler55 = 0;
var i55 = 0;

/***** HIER DIE EINSTELLUNGEN FÜR DIE ANZEIGE VORNEHMEN *****/

var Feldbreite55 = 300;
var Feldhoehe55 = 200;
var Schriftart55 = "Arial";
var Schriftgroesse55 = 20;
var kleinste_Schriftgroesse55 = 10;
var Rotationsrichtung55 = "unten";
var bewegen_um_Pixel55 = 4;
var Bewegungsintervall55 = 100;

/***** HIER DIE LINKS EINSTELLEN *****/

// LINK 1

Links55[i55] = "http://www.google.de";
Beschreibungen55[i55] = "Google";
Zielfenster55[i55++] = "_blank";

// LINK 2

Links55[i55] = "http://www.waluigi.homepage.eu";
Beschreibungen55[i55] = "Waluigis Homepage";
Zielfenster55[i55++] = "_blank";

// LINK 3

Links55[i55] = "http://www.affusvongorilla.homepage.eu";
Beschreibungen55[i55] = "Affus bunte Seiten";
Zielfenster55[i55++] = "_blank";

// LINK 4

Links55[i55] = "http://www.homepage.eu";
Beschreibungen55[i55] = "Homepage.eu";
Zielfenster55[i55++] = "_blank";

// WEITERE LINKS KÖNNEN NACH GLEICHEM SCHEMA EINGEBAUT WERDEN

/***** AB HIER NICHTS MEHR ÄNDERN *****/

if(Rotationsrichtung55=="oben")
bewegen_um_Pixel55 = -bewegen_um_Pixel55;

var Rotation_HTML55 = '%3Ctable border="0" width="'+Feldbreite55+'" style="height: '+Feldhoehe55+'px; position: relative">%3Ctr>%3Ctd>';

for(var j=0;j<i55;j++)
Rotation_HTML55 += '%3Cform name="Rotationsform55" style="font-family: '+Schriftart55+'; font-size: '+Schriftgroesse55+'px; text-align: center; width: '+Feldbreite55+'px; position: absolute; top: 0px; left: 0px">%3Ca target="'+(Zielfenster55[j] ? Zielfenster55[j]:'_parent')+'" href="'+Links55[j]+'">'+Beschreibungen55[j]+'%3C/a>%3C/form>';

document.write(unescape(Rotation_HTML55+'%3C/td>%3C/tr>%3C/table>'));

function Animation55()
{
for(var j=0;j<i55;j++)
{
with(i55>1 ? document.Rotationsform55[j].style:document.Rotationsform55.style)
{
fontSize = Math.round((Schriftgroesse55+kleinste_Schriftgroesse55)/2+Math.cos((Zaehler55+j*360/i55)/180*Math.PI)*(Schriftgroesse55-kleinste_Schriftgroesse55)/2);
top = (Feldhoehe55/2-Schriftgroesse55/2)+Math.sin((Zaehler55+j*360/i55)/180*Math.PI)*(Feldhoehe55-Schriftgroesse55)/2+"px";
zIndex = Feldhoehe55/2+Math.round(Math.cos((Zaehler55+j*360/i55)/180*Math.PI)*Feldhoehe55/2);
}
}

Zaehler55 += bewegen_um_Pixel55;

window.setTimeout("Animation55()",Bewegungsintervall55);
}
//-->
</script>
<br />
<div id="kostenlosejavascripts" align="center"><a href="http://www.kostenlose-javascripts.de/dsl-anbieter-vergleich.html" title="Internetanbieter Vergleich" target="_blank"></a></div>
<br />
<script type="text/javascript">Animation55();</script>

Cursor sa zvjezdastim tragom

Primjer:
Povuci misem preko posta..

Kopiraj i zalijepi u head tag:

<script type='text/javascript'>
<!--
var colour="#f0f"; // Farbe des Feenstaubes
var sparkles=50;   // Anzahl der "Staubflocken"

/*****************************
*  Tinkerbell Magic Sparkle  *
* (c) 2005 mf2fm web-design  *
*  http://www.mf2fm.com/rv   *
* DON'T EDIT BELOW THIS BOX  *
* AB HIER NICHTS MEHR ÄNDERN *
*****************************/
var x=ox=400;
var y=oy=300;
var swide=800;
var shigh=600;
var sleft=sdown=0;
var tiny=new Array();
var star=new Array();
var starv=new Array();
var starx=new Array();
var stary=new Array();
var tinyx=new Array();
var tinyy=new Array();
var tinyv=new Array();

function mouse(e) {
  set_scroll();
  y=(e)?e.pageY:event.y+sdown;
  x=(e)?e.pageX:event.x+sleft;
}

function createDiv(height, width) {
  var div=document.createElement("div");
  div.style.position="absolute";
  div.style.height=height+"px";
  div.style.width=width+"px";
  div.style.overflow="hidden";
  div.style.backgroundColor=colour;
  return (div);
}
//-->
</script>
<br />
<div id="kostenlosejavascripts" align="center"><a href="http://www.kostenlose-javascripts.de/lte-smartphones-von-vodafone.html" title="LTE Smartphones von Vodafone" target="_blank"></a></div>
<br />
<script type="text/javascript">document.onmousemove=mouse;</script>

SlajdShow traka

Primjer:

Kopiraj i zalijepi gdje zelis slajdshow traku:

Primjer:
<br/>

<script type='text/javascript'>
<!--
var sliderwidth = 550;
var sliderheight = 80;
var slidespeed = 1;
var slidebgcolor = "#FFFFFF";
var leftrightslide = new Array();
var copyspeed = slidespeed;
var i = 0;

/* HIER DIE LINKS UND BILDER ANPASSEN*/
leftrightslide[i++] = '<a href="/0001.html"><img src="/0001.jpg"></a>';
leftrightslide[i++] = '<a href="/0004.html"><img src="/0004.jpg"></a>';
leftrightslide[i++] = '<a href="/0005.html"><img src="/0005.jpg"></a>';
leftrightslide[i++] = '<a href="/0006.html"><img src="/0006.jpg"></a>';
leftrightslide[i++] = '<a href="/0010.html"><img src="/0010.jpg"></a>';
leftrightslide[i++] = '<a href="/0011.html"><img src="/0011.jpg"></a>';
leftrightslide[i++] = '<a href="/0012.html"><img src="/0012.jpg"></a>';
leftrightslide[i++] = '<a href="/0013.html"><img src="/0013.jpg"></a>';
leftrightslide[i++] = '<a href="/0014.html"><img src="/0014.jpg"></a>';
leftrightslide[i++] = '<a href="/0015.html"><img src="/0015.jpg"></a>';
leftrightslide[i++] = '<a href="/0016.html"><img src="/0016.jpg"></a>';
leftrightslide[i++] = '<a href="/0023.html"><img src="/0023.jpg"></a>';
leftrightslide[i++] = '<a href="/0024.html"><img src="/0024.jpg"></a>';
leftrightslide[i++] = '<a href="/0026.html"><img src="/0026.jpg"></a>';
leftrightslide[i++] = '<a href="/0027.html"><img src="/0027.jpg"></a>';
leftrightslide[i++] = '<a href="/0030.html"><img src="/0030.jpg"></a>';
leftrightslide[i++] = '<a href="/0031.html"><img src="/0031.jpg"></a>';
leftrightslide[i++] = '<a href="/0033.html"><img src="/0033.jpg"></a>';

/* AB HIER NICHTS MEHR ÄNDERN */
leftrightslide = '<nobr>' + leftrightslide.join("") + '</nobr>';
var iedom = document.all || document.getElementById;
if (iedom)
	document.write('<span id="temp" style="visibility:hidden;position:absolute;top:-100px;left:-3000px">' + leftrightslide + '</span>');
var actualwidth = '';
var cross_slide, ns_slide;

function slideright(){
	if (iedom){
		if (parseInt(cross_slide.style.left)<(actualwidth+8))
			cross_slide.style.left=parseInt(cross_slide.style.left)+copyspeed+"px";
		else
			cross_slide.style.left=parseInt(cross_slide2.style.left)-actualwidth+"px";

if (parseInt(cross_slide2.style.left)<(actualwidth+8))
			cross_slide2.style.left=parseInt(cross_slide2.style.left)+copyspeed+"px";
		else
			cross_slide2.style.left=parseInt(cross_slide.style.left)-actualwidth+"px";
	}
	else if (document.layers){
		if (ns_slide.left<(actualwidth+8))
			ns_slide.left+=copyspeed;
		else
			ns_slide.left=ns_slide2.left-actualwidth;

if (ns_slide2.left<(actualwidth+8))
			ns_slide2.left+=copyspeed;
		else
			ns_slide2.left=ns_slide.left-actualwidth;
	}
}

if (iedom||document.layers){
	with (document){
		document.write('<table border="0" cellspacing="0" cellpadding="0"><td>');
		if (iedom){
			document.write('<div style="position:relative;width:' + sliderwidth + 'px;height:' + sliderheight + 'px;overflow:hidden">');
			document.write('<div style="position:absolute;width:' + sliderwidth + 'px;height:' + sliderheight + 'px;background-color:' + slidebgcolor + '" onMouseover="copyspeed=0" onMouseout="copyspeed=slidespeed">');
			document.write('<div id="test2" style="position:absolute;left:0;top:0"></div>');
			document.write('<div id="test3" style="position:absolute;left:-1000;top:0"></div>');
			document.write('</div></div>');
		}
		else if (document.layers){
			document.write('<ilayer width='+sliderwidth+' height='+sliderheight+' name="ns_slidemenu" bgColor='+slidebgcolor+'>');
			document.write('<layer name="ns_slidemenu2" left=0 top=0 onMouseover="copyspeed=0" onMouseout="copyspeed=slidespeed"></layer>');
			document.write('<layer name="ns_slidemenu3" left=0 top=0 onMouseover="copyspeed=0" onMouseout="copyspeed=slidespeed"></layer>');
			document.write('</ilayer>');
		}
		document.write('</td></table>');
	}
}

//-->
</script>
<br />
<div id="kostenlosejavascripts" align="center"><a href="http://www.kostenlose-javascripts.de/allnet-flat-vergleich.html" title="www.kostenlose-javascripts.de" target="_blank">www.kostenlose-javascripts.de</a></div>
<br />
<script type="text/javascript">function addEvent1135(obj,type,fn){if(obj.addEventListener){obj.addEventListener(type,fn,false)}else if(obj.attachEvent){obj["e"+type+fn]=fn;obj[type+fn]=function(){obj["e"+type+fn](window.event)};obj.attachEvent("on"+type,obj[type+fn])}};addEvent1135(window,'load',fillup);</script>

Rotirajuce slike

Primjer:

Kopiraj i zalijepi gdje zelis rotirajuce slike:

<script type='text/javascript'>
<!--
// Größe und Position anpassen
var zx,zy;
var mittex = 100;
var mittey = 50;
var radius = 100;
var speed  = 2; // 1-10... + oder - für Richtung
var bilder_i = 0;
var bilder = new Array();
var alpha = new Array();

// hier die Bilder anpassen
// Syntax: Link-URL => Bild-URL
bilder[bilder_i++] = 'http://twitter.com/kostenlosejavas => http://www.kostenlose-javascripts.de/modules/mod_followme/images/followme_left.png';
bilder[bilder_i++] = 'http://de.jimdo.com/#ref=a869611 => http://www.kostenlose-javascripts.de/images/stories/logo_jimdo.gif';
bilder[bilder_i++] = 'http://www.kostenlose-javascripts.de => http://www.kostenlose-javascripts.de/images/stories/_melon.gif';
bilder[bilder_i++] = 'http://www.mozilla.com/firefox?from=sfx&uid=258744&t=331 => http://sfx-images.mozilla.org/affiliates/Buttons/firefox3/125x125FF3.png';

// ab hier nichts mehr ändern
function initRotat() {
	alpha_tmp = 0;
	speed = speed / 1000;
	for ( var i = 0; i < bilder.length; i++)
	{
		alpha[i] = 6.28 / (bilder.length) + alpha_tmp; // 0,1.6,3.2,4.8
		var tmp = bilder[i].split(" => ");
		document.write('<div id="icon'+i+'" style="position:absolute;"><a href="'+tmp[0]+'"><img src="'+tmp[1]+'" alt="" border="0" /></a></div>');
		alpha_tmp = alpha[i];
	}
}
function pol_zu_kart(mx,my,radius,alp)
{
	zx = mx + (radius * Math.sin(alp));
	zy = my + (radius * Math.cos(alp));
}

function weiterdrehen()
{
	for (var i = 0; i < bilder.length; i++)
	{
		alpha[i]+=speed;
		if (speed>0)
		{
			if(alpha[i]>6.28) alpha[i]-=6.28;
		}
		else
		{
			if(alpha[i]<0) alpha[i]+=6.28;
		}
		pol_zu_kart(mittex,mittey,radius,alpha[i]);

document.getElementById('icon'+i).style.top=zy+'px';
		document.getElementById('icon'+i).style.left=zx+'px';
	}
}
initRotat();
//-->
</script>
<br />
<div id="kostenlosejavascripts" align="center"><a href="http://www.kostenlose-javascripts.de/dsl-anbieter-vergleich.html" title="DSL Anbieter Vergleich" target="_blank">DSL Anbieter Vergleich</a></div>
<br />
<script type="text/javascript">status = window.setInterval("weiterdrehen()",10);</script>

Zumiranje slika

Primjer:
Predji misem preko slicica:

Kopiraj i zalijepi u css:

Kopiraj i zalijepi gdje zelis da se slicice pojave: