Sie sind nicht angemeldet.

Scotch x3

cookie-cutter tee

(-7)

  • »Scotch x3« ist männlich
  • »Scotch x3« ist der Autor dieses Themas

Beiträge: 54

Wohnort: Marktredwitz

Beruf: Keinen

Ingame-Name: Scotch x3

Clan: KoG

Renommeemodifikator: 6

  • Nachricht senden

1

Samstag, 10. September 2011, 22:18

javascript ??

hey leute,

ich suche einen javascript mit dem man Bilder in volge wächselt als z.B. das erste bild kommt dann kommt das 2te bild nach 10 Sek

ich breuchte den javascript.... und die sachen das ich es in HTML einbauen kann :D

Grueny

ᏀᏒᎪᏢᎻᎥᏟᏚ ☆

(557)

  • »Grueny« ist männlich

Beiträge: 420

Wohnort: 127.0.0.1

Beruf: Reinigungskraft

Ingame-Name: Grueny.

Clan: FML

Renommeemodifikator: 10

Danksagungen: 163

  • Nachricht senden

2

Samstag, 10. September 2011, 22:48

Donk und Ehr.


FailerTime

cookie-cutter tee

(-7)

  • »FailerTime« ist männlich
  • »FailerTime« ist der Autor dieses Themas

Beiträge: 54

Wohnort: Marktredwitz

Beruf: Keinen

Ingame-Name: Scotch x3

Clan: KoG

Renommeemodifikator: 6

  • Nachricht senden

3

Samstag, 10. September 2011, 23:12

auf der seite war ich schon und so was will ich nicht

also ein banner ist auf der seite ganz oben und der soll ohne irgendwelche maus bewegung oder button klick soll er sich nach 5-10 sekunden automatisch wechseln :D

Jester

Die unstillbare Gier

(14 100)

Beiträge: 1 277

Ingame-Name: Jester

Renommeemodifikator: 14

  • Nachricht senden

4

Samstag, 10. September 2011, 23:20

also ein banner ist auf der seite ganz oben und der soll ohne irgendwelche maus bewegung oder button klick soll er sich nach 5-10 sekunden automatisch wechseln :D

das macht der auf der seite auch wenn du nich stop klickst? lass die buttons weg und gut is.

Grueny

ᏀᏒᎪᏢᎻᎥᏟᏚ ☆

(557)

  • »Grueny« ist männlich

Beiträge: 420

Wohnort: 127.0.0.1

Beruf: Reinigungskraft

Ingame-Name: Grueny.

Clan: FML

Renommeemodifikator: 10

Danksagungen: 163

  • Nachricht senden

5

Samstag, 10. September 2011, 23:44

auf der seite war ich schon und so was will ich nicht

also ein banner ist auf der seite ganz oben und der soll ohne irgendwelche maus bewegung oder button klick soll er sich nach 5-10 sekunden automatisch wechseln :D
Das zweite Beispiel ist EXAKT das Gleiche, was du suchst ö_ö
Donk und Ehr.


FailerTime

cookie-cutter tee

(-7)

  • »FailerTime« ist männlich
  • »FailerTime« ist der Autor dieses Themas

Beiträge: 54

Wohnort: Marktredwitz

Beruf: Keinen

Ingame-Name: Scotch x3

Clan: KoG

Renommeemodifikator: 6

  • Nachricht senden

6

Sonntag, 11. September 2011, 00:10

ich kenn mich nicht aus mit javascript könnte wer mir das hochladen oda so die dateinen :D

Jester

Die unstillbare Gier

(14 100)

Beiträge: 1 277

Ingame-Name: Jester

Renommeemodifikator: 14

  • Nachricht senden

7

Sonntag, 11. September 2011, 00:15

http://www.bretteleben.de/lang-de/javasc…eispiel-01.html

die javascriptdatei machen, dann in deiner html datei die zeilen von weiter oben einfügen. solltest du alleine schaffen.

FailerTime

cookie-cutter tee

(-7)

  • »FailerTime« ist männlich
  • »FailerTime« ist der Autor dieses Themas

Beiträge: 54

Wohnort: Marktredwitz

Beruf: Keinen

Ingame-Name: Scotch x3

Clan: KoG

Renommeemodifikator: 6

  • Nachricht senden

8

Sonntag, 11. September 2011, 00:19

da steht aber schon was drinenn

Spoiler
/****************************************************************
"bretteleben.de JavaScript Slideshow" - Version 20100412
License: http://www.gnu.org/copyleft/gpl.html
Author: Andreas Berger
Copyright (c) 2010 Andreas Berger - [email protected]
Project page and Demo at http://www.bretteleben.de
Last update: 2010-04-12
*****************************************************************/
//*****parameters to set*****
//into this array insert the paths of your pics.
var def_imges=new Array ('pics/pic01.jpg', 'pics/pic02.jpg', 'pics/pic03.jpg', 'pics/pic04.jpg', 'pics/pic05.jpg');
var def_divid="slideshow"; //the id of the div container that will hold the slideshow
var def_picwid=200; //set this to the width of your widest pic
var def_pichei=200; //... and this to the height of your highest pic
var def_backgr="#eeeeee"; //set this to the background color you want to use for the slide-area
//(for example the body-background-color) if your pics are of different size
var def_sdur=3; //time to show a pic between fades in seconds
var def_fdur=1; //duration of the complete fade in seconds
var def_steps=20; //steps to fade from on pic to the next
var def_startwhen="y"; //start automatically at pageload? set it to "y" for on and to "n" for off
var def_shuffle="y"; //start with random image? set it to "y" for on and to "n" for off
var def_showcontr="y"; //do you want to show controls? set it to "y" for on and to "n" for off
//into this array insert the paths of your control-buttons or the text to display e.g. back,start,stop,fwrd.
var def_contr=new Array ('bwd.png', 'start.png', 'stop.png', 'fwd.png');
//****************************************************************

//daisychain onload-events
function daisychain(sl){if(window.onload) {var ld=window.onload;window.onload=function(){ld();sl();};}else{window.onload=function(){sl();};}}

function be_slideshow(be_slideid,be_imges,be_divid,be_picwid,be_pichei,be_backgr,be_sdur,be_fdur,be_steps,be_startwhen,be_shuffle,be_showcontr,be_contr){

//declarations and defaults
var slideid=(be_slideid)?be_slideid:"0";
var imges=(be_imges)?be_imges:def_imges;
var divid=(be_divid)?be_divid:def_divid;
var picwid=(be_picwid)?be_picwid:def_picwid;
var pichei=(be_pichei)?be_pichei:def_pichei;
var backgr=(be_backgr)?be_backgr:def_backgr;
var sdur=(be_sdur)?be_sdur:def_sdur;
var fdur=(be_fdur)?be_fdur:def_fdur;
var steps=(be_steps)?be_steps:def_steps;
var startwhen=(be_startwhen)?be_startwhen:def_startwhen;
startwhen=(startwhen.toLowerCase()=="y")?1:0;
var shuffle=(be_shuffle)?be_shuffle:def_shuffle;
shuffle=(shuffle.toLowerCase()=="y")?1:0;
var showcontr=(be_showcontr)?be_showcontr:def_showcontr;
showcontr=(showcontr.toLowerCase()=="y")?1:0;
var contr=(be_contr)?be_contr:def_contr;
var ftim=fdur*1000/steps;
var stim=sdur*1000;
var emax=imges.length;
var self = this;
var stopit=1;
var startim=1;
var u=0;
var parr = new Array();
var ptofade,pnext,factor,mytimeout;
//check if there are at least 3 pictures, elswhere double the array
if(imges.length<=2){imges=imges.concat(imges);}
//shuffle images if set
if(shuffle){var i;for(i=0;i<=Math.floor(Math.random()*imges.length);i++){imges.push(imges.shift());}}

//push images into array and get things going
this.b_myfade = function(){
var a,idakt,paktidakt,ie5exep;
for(a=1;a<=emax;a++){
idakt="img_"+slideid+"_"+a;paktidakt=document.getElementById(idakt);
ie5exep=new Array(paktidakt);parr=parr.concat(ie5exep);
}
if(startwhen){
stopit=0;
mytimeout=setTimeout(function(){self.b_slide();},stim);
}
}

//prepare current and next and trigger slide
this.b_slide = function(){
clearTimeout(mytimeout);
u=0;
ptofade=parr[startim-1];
if(startim<emax){pnext=parr[startim];}
else{pnext=parr[0];}
pnext.style.zIndex=1;
pnext.style.visibility="visible";
pnext.style.filter="Alpha(Opacity=100)";
try{pnext.style.removeAttribute("filter");} catch(err){}
pnext.style.MozOpacity=1;
pnext.style.opacity=1;
ptofade.style.zIndex=2;
ptofade.style.visibility="visible";
ptofade.style.filter="Alpha(Opacity=100)";
ptofade.style.MozOpacity=1;
ptofade.style.opacity=1;
factor=100/steps;
if(stopit=="0"){
this.b_slidenow();
}
}

//one step forward
this.b_forw = function(){
stopit=1;
clearTimeout(mytimeout);
ptofade=parr[startim-1];
if(startim<emax){pnext=parr[startim];startim=startim+1;}
else{pnext=parr[0];startim=1;}
ptofade.style.visibility="hidden";
ptofade.style.zIndex=1;
pnext.style.visibility="visible";
pnext.style.zIndex=2;
self.b_slide();
}

//one step back
this.b_back = function(){
stopit=1;
clearTimeout(mytimeout);
if(u==0){ //between two slides
ptofade=parr[startim-1];
if(startim<emax){pnext=parr[startim];}
else{pnext=parr[0];}
pnext.style.visibility="hidden";
ptofade.style.zIndex=1;
ptofade.style.visibility="visible";
if(startim>=2){startim=startim-1;}
else{startim=emax;}
self.b_slide();
}
else{ //whilst sliding
self.b_slide();
}
}

//slide as said, then give back
this.b_slidenow = function(){
var check1,maxalpha,curralpha;
check1=ptofade.style.MozOpacity;
maxalpha=(100-factor*u)/100*105;
if(check1<=maxalpha/100){u=u+1;}
curralpha=100-factor*u;
ptofade.style.filter="Alpha(Opacity="+curralpha+")";
ptofade.style.MozOpacity=curralpha/100;
ptofade.style.opacity=curralpha/100;
if(u<steps){ //slide not finished
if(stopit=="0"){mytimeout=setTimeout(function(){self.b_slidenow();},ftim);}
else {this.b_slide();}
}
else{ //slide finished
if(startim<emax){
ptofade.style.visibility="hidden";
ptofade.style.zIndex=1;
pnext.style.zIndex=2;
startim=startim+1;u=0;
mytimeout=setTimeout(function(){self.b_slide();},stim);
}
else{
ptofade.style.visibility="hidden";
ptofade.style.zIndex=1;
pnext.style.zIndex=2;
startim=1;u=0;
mytimeout=setTimeout(function(){self.b_slide();},stim);
}
}
}

//manual start
this.b_start= function(){
if(stopit==1){
stopit=0;
mytimeout=setTimeout(function(){self.b_slide();},stim);
}
}

//manual stop
this.b_stop= function(){
clearTimeout(mytimeout);
stopit=1;
this.b_slide();
}

//insert css and images
this.b_insert= function(){
var b, thestylid, thez, thevis, slidehei;
slidehei=(showcontr)?(pichei+25):(pichei); //add space for the controls
var myhtml="<div style='width:"+picwid+"px;height:"+slidehei+"px;'>";
myhtml+="<div style='position:absolute;width:"+picwid+"px;height:"+pichei+"px;'>";
for(b=1;b<=emax;b++){
thez=1;thevis='hidden';
if(b<=1) {thez=2; thevis='visible';}
myhtml+="<div id='img_"+slideid+"_"+b+"' style='font-size:0;line-height:"+pichei+"px;margin:0;padding:0;text-align:center;visibility:"+thevis+";z-index:"+thez+";position:absolute;left:0;top:0;width:"+picwid+"px;height:"+pichei+"px;background-color:"+backgr+";'>";
myhtml+="<img src='"+imges[(b-1)]+"' style='vertical-align:middle;border:0;' alt=''/></div>";
}
myhtml+="</div>";
//show controls
if(showcontr){
for(b=1;b<=4;b++){
var check=contr[b-1].substring(contr[b-1].length-3).toLowerCase(); //check for buttons
contr[b-1]=(check=="jpg"||check=="gif"||check=="png")?("<img src='"+contr[b-1]+"' style='border:none;' alt=''/>"):(contr[b-1]);
}
myhtml+="<div style='display:block;width:"+picwid+"px;padding-top:"+(pichei+3)+"px;text-align:right;'>";
myhtml+="<a href='javascript:be_"+slideid+".b_back();' style='text-decoration:none'>"+contr[0]+"</a>&nbsp;";
myhtml+="<a href='javascript:be_"+slideid+".b_start();' style='text-decoration:none'>"+contr[1]+"</a>&nbsp;";
myhtml+="<a href='javascript:be_"+slideid+".b_stop();' style='text-decoration:none'>"+contr[2]+"</a>&nbsp;";
myhtml+="<a href='javascript:be_"+slideid+".b_forw();' style='text-decoration:none'>"+contr[3]+"</a>";
}
myhtml+="</div>";
document.getElementById(divid).innerHTML=myhtml;
self.b_myfade();
}

//call autostart-function
daisychain(this.b_insert);

}

var be_0= new be_slideshow();
zum Lesen den Text mit der Maus markieren

Snooze

cookie-cutter tee

Beiträge: 74

Renommeemodifikator: 7

  • Nachricht senden

9

Sonntag, 11. September 2011, 00:22

ein javascript fügst du in deine html datei ein

FailerTime

cookie-cutter tee

(-7)

  • »FailerTime« ist männlich
  • »FailerTime« ist der Autor dieses Themas

Beiträge: 54

Wohnort: Marktredwitz

Beruf: Keinen

Ingame-Name: Scotch x3

Clan: KoG

Renommeemodifikator: 6

  • Nachricht senden

10

Sonntag, 11. September 2011, 00:27

könnte einer den javascript mit net test html seite hochladen kapirr das net -.-

11

Sonntag, 11. September 2011, 00:29

wenn dus nich kapierst dann lern es, willst nur auf der faulen haut sitzen und die andren arbeiten lassen

FailerTime

cookie-cutter tee

(-7)

  • »FailerTime« ist männlich
  • »FailerTime« ist der Autor dieses Themas

Beiträge: 54

Wohnort: Marktredwitz

Beruf: Keinen

Ingame-Name: Scotch x3

Clan: KoG

Renommeemodifikator: 6

  • Nachricht senden

12

Sonntag, 11. September 2011, 00:30

nein aber gib mir ein gutes tuturial zu dem was ich machen will youtube spuckt nix aus -.-

Jester

Die unstillbare Gier

(14 100)

Beiträge: 1 277

Ingame-Name: Jester

Renommeemodifikator: 14

  • Nachricht senden

13

Sonntag, 11. September 2011, 00:32

nein aber gib mir ein gutes tuturial zu dem was ich machen will youtube spuckt nix aus -.-

es ist nicht besonders schwierig, ein tutorial für html basiswissen zu finden.

Snooze

cookie-cutter tee

Beiträge: 74

Renommeemodifikator: 7

  • Nachricht senden

14

Sonntag, 11. September 2011, 00:35


Grueny

ᏀᏒᎪᏢᎻᎥᏟᏚ ☆

(557)

  • »Grueny« ist männlich

Beiträge: 420

Wohnort: 127.0.0.1

Beruf: Reinigungskraft

Ingame-Name: Grueny.

Clan: FML

Renommeemodifikator: 10

Danksagungen: 163

  • Nachricht senden

15

Sonntag, 11. September 2011, 00:38

Ich mag den Thread, hehe ^^

Wie willst du ein JavaScript implementieren, wenn du keine Ahnung hast wie? Ich mach das definitiv nicht für dich ... da musst du dein Hirn wohl selbst einschalten :)
Donk und Ehr.


FailerTime

cookie-cutter tee

(-7)

  • »FailerTime« ist männlich
  • »FailerTime« ist der Autor dieses Themas

Beiträge: 54

Wohnort: Marktredwitz

Beruf: Keinen

Ingame-Name: Scotch x3

Clan: KoG

Renommeemodifikator: 6

  • Nachricht senden

16

Sonntag, 11. September 2011, 00:42

habe einen javascrip gefunden aber irgendwie wolllen die bilder net so

Javascript
<script type="text/javascript">
function imageLine()
{
var checkInterval = null,
imageLineInterval = null,
currentImage = -1;
/*
Variablen die man in
verschiedenen Funktionen benötigt
*/
images = new Array(
'header.png'
'made by scotch.png',
'.35nbjmr',
'../../../made by scotch.png'
// Diese Bilder sind die standard Windows XP Bilder
);
// Alle Bilder die angezeigt werden sollen

loadingImages = new Array();
// Dieses Array enthält später alle Objekte

this.run = function()
{
checkInterval = window.setInterval('this.checkIfLoaded();', 100);
// Alle 100 Millisekunden prüfen ob alle Bilder geladen sind
for(i = 0;i < images.length;i++)
{
image = images;
loadingImages.push(new Image);
loadingImages[i].src = image;
}
/*
Alle Images in dem Array einzeln Durchgehen.
Das Array für die Objekte mit den Objekten füllen.
Dem neuen Objekt die Url des momentanen Bildes geben.
*/
}

this.checkIfLoaded = function()
{
allLoaded = true;
for(i = 0;i < loadingImages.length;i++)
{
loadingImage = loadingImages[i];
if(!loadingImage.complete)
allLoaded = false;
}
/*
Alle Objekte durchgehen.
Prüfen ob das aktuelle Objekt / Bild geladen ist.
Falls nicht dann die Variable zur Prüfung auf false setzen
*/
if(allLoaded)
{
// Wenn alle Objekte / Bilder geladen sind

// Die Interval für das Prüfen löschen
window.clearInterval(checkInterval);
// Das erste Bild anzeigen
this.startImageLine();
// Die Funktion für das Bilder wechseln alle 10 Sekunden ausführen
window.setInterval('this.startImageLine();', 10000);
}
}

this.startImageLine = function()
{
this.showImage();
// Bild anzeigen
if(currentImage == (loadingImages.length - 1))
currentImage = 0;
else
currentImage += 1;
/*
Aktuelles Bild um eins hochzählen.
Sollte das momentane Bild genau so groß sein,
wie das Array dann wieder beim ersten anfangen.
*/

element = document.getElementById('imageline');
// Element für die Bilderanzeige
element.style.height = loadingImages[currentImage].height + 'px';
element.style.width = loadingImages[currentImage].width + 'px';
// Dem Element die Breite und Höhe des momentanen Bildes geben
element.style.backgroundImage = 'url(' + loadingImages[currentImage].src + ')';
// Dem Element das aktuelle Bild als Hintergrundbild setzen

window.setTimeout('this.hideImage();', 9500);
// Das Bild in 9,5 Sekunden ausblenden
}

this.hideImage = function()
{
element = document.getElementById('imageline');
for(i = 0;i <= 100;i++)
window.setTimeout('element.style.filter = "Alpha(opacity=' + (100 - i) + ')"; element.style.MozOpacity = ' + (1 - i / 100) + '; element.style.opacity = ' + (1 - i / 100) + ';', i * 5);
// Von 0 bis 100 (Prozent)
// Das i * 5 dient dazu, dass das Ausblenden nicht zu schnell geht
}

this.showImage = function()
{
element = document.getElementById('imageline');
for(i = 0;i <= 100;i++)
window.setTimeout('element.style.filter = "Alpha(opacity=' + i + ')"; element.style.MozOpacity = ' + i / 100 + '; element.style.opacity = ' + i / 100 + ';', i * 5);
// Hier das selbe wie bei hideImage
}

this.run();
}

window.onload = function()
{
imageLine();
}
</script>

<p id="imageline"></p>
zum Lesen den Text mit der Maus markieren


HTML datei nur test
<HTML>
<HEAD>
<TITLE>New Document</TITLE>
</HEAD>
<BODY>
<script type="text/javascript" src="be_slide.js"></script>
</head>



<body>
<div id="slideshow" style="margin:25px;">
<img src="made by scotch.jpeg" style="width:400px;height:300px;" />
</BODY>
</HTML>
zum Lesen den Text mit der Maus markieren
[/i][/i]

Snooze

cookie-cutter tee

Beiträge: 74

Renommeemodifikator: 7

  • Nachricht senden

17

Sonntag, 11. September 2011, 00:50

das ist ja jetzt auch nen ganz anderes script das du hast?

und in der javascript datei steht .png und html steht .jpeg .. endungen sollten man überprüfen

und lösch mal bitte die ganzen anleitungs dinger .. das ist nervig sich einen code durchzulesen wo das noch alles drin steht

FailerTime

cookie-cutter tee

(-7)

  • »FailerTime« ist männlich
  • »FailerTime« ist der Autor dieses Themas

Beiträge: 54

Wohnort: Marktredwitz

Beruf: Keinen

Ingame-Name: Scotch x3

Clan: KoG

Renommeemodifikator: 6

  • Nachricht senden

18

Sonntag, 11. September 2011, 00:54

hab ich gemacht aber das bild will nicht wechseln


edit:// kannst du das nicht schnell mal machen und heir hochladen wie das geht oda so

Grueny

ᏀᏒᎪᏢᎻᎥᏟᏚ ☆

(557)

  • »Grueny« ist männlich

Beiträge: 420

Wohnort: 127.0.0.1

Beruf: Reinigungskraft

Ingame-Name: Grueny.

Clan: FML

Renommeemodifikator: 10

Danksagungen: 163

  • Nachricht senden

19

Sonntag, 11. September 2011, 12:37

Gehn wa was wetten, dass die Datenpfade falsch sind? :D
Donk und Ehr.


Es haben sich bereits 2 registrierte Benutzer bedankt.

Benutzer, die sich für diesen Beitrag bedankt haben:

Marvin (11.09.2011), Sync (01.10.2011)

Jester

Die unstillbare Gier

(14 100)

Beiträge: 1 277

Ingame-Name: Jester

Renommeemodifikator: 14

  • Nachricht senden

20

Sonntag, 11. September 2011, 13:20

Zitat

Quellcode

1
2
3
4
5
6
7
8
9
10
[...]
</HEAD>
<BODY>
<script type="text/javascript" src="be_slide.js"></script>
</head>



<body>
[...]

lol.

Ähnliche Themen