mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Do 28.03.2024 22:47 Benutzername: Passwort: Auto-Login

Thema: "bretteleben"-Slideshow- Script : Code + Frage dazu vom 07.09.2011


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Programmierung -> "bretteleben"-Slideshow- Script : Code + Frage dazu
Autor Nachricht
kiwi244
Threadersteller

Dabei seit: 27.03.2011
Ort: Saarland
Alter: 53
Geschlecht: Weiblich
Verfasst Mi 07.09.2011 21:28
Titel

"bretteleben"-Slideshow- Script : Code + Frage daz

Antworten mit Zitat Zum Seitenanfang

G`Nabend allesammen,

ich verheddere mich komplett im JS-Dschungel Mädchen!

Der Slider läuft - soweit alles prima.
Die Start-Stop-Vor-Zurück Buttons laufen auch - alles bestens.
Nur: ich will diese Buttons nicht da haben, wo sie sind, nämlich unten unterm Bild

zur Ansicht bitte hier entlang:

sondern ich hätt sie gerne neben dem container der slideshow!

Leider verwurschdel ich mich so dermaßen in den ganzen übergebenen Variablen, daß ich`s einfach nicht Finde.

Mein zweiter Lösungsweg, den ich aber auch nicht hinbekommen habe wäre gewesen:
Container mit den buttons an die Stelle platziert, wie ich`s will (= ist auch gelungen) und denen dann die jeweilige Funktion zugewiesen (=grandios gescheitert) um danach die ungeliebten Buttons einfach rauslöschen aus dem Script ((ist mir insofern gelungen, daß sie wegwaren, aber der slider funktionierte auch nicht mehr.

Kann mir jemand helfen? Dankeschön an denjenigen, der sich die Mühe macht, in den Code reinzuschauen.

edit //: Oder geht das vielleicht gar nicht so einfach - kann mir in dem Fall vielleicht jemand eine andere freie Slideshow nennen, die eine Start-Stop-Vor-zurück-Funktion hat per Buttonsteuerung, die sich besser an Ort und Stelle platzieren lässt?

Hier ist der Code:
Code:

/****************************************************************

"bretteleben.de JavaScript Slideshow" - Version 20090406

License: http://www.gnu.org/copyleft/gpl.html

Author: Andreas Berger/****************************************************************

"bretteleben.de JavaScript Slideshow" - Version 20090406

License: http://www.gnu.org/copyleft/gpl.html

Author: Andreas Berger

Copyright (c) 2009 Andreas Berger - andreas_berger@bretteleben.de

Project page and Demo at http://www.bretteleben.de

Last update: 2009-04-06

*****************************************************************/

//*****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)";

      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();

Copyright (c) 2009 Andreas Berger - andreas_berger@bretteleben.de

Project page and Demo at http://www.bretteleben.de

Last update: 2009-04-06

*****************************************************************/

//*****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)";

      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();


Zuletzt bearbeitet von kiwi244 am Mi 07.09.2011 21:32, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden
hannahc

Dabei seit: 20.02.2011
Ort: Würzburg
Alter: 47
Geschlecht: Weiblich
Verfasst Do 08.09.2011 00:45
Titel

Antworten mit Zitat Zum Seitenanfang

Buenas noches kiwi244,

mach mal folgendes:

Bei "// show controls", gib folgendem Div als erstes mal eine Hintergrundfarbe, damit wir sehen, was wir überhaupt machen:

myhtml+="<div style='display:block;width:"+picwid+"px;padding-top:"+(pichei+3)+"px;text-align:right;'>";

ändern in

myhtml+="<div style='background-color:green; display:block;width:"+picwid+"px;padding-top:"+(pichei+3)+"px;text-align:right;'>";

Der Rest ist easy (allerdings, das muß man auch dazu sagen, ist diese Lösung eher die Quick&Dirty Lösung, funktioniert aber für´s erste mal).

Du brauchst in derselben Zeile jetzt nur noch ein padding einfügen, so:

myhtml+="<div style='background-color:green; display:block;width:"+picwid+"px;padding-top:"+(pichei+3)+"px;text-align:right; padding-left:"+picwid+"px'>";

Ich habe hier ein padding-left eingefügt, so daß das div mit den Buttons rechts vom Bild angeordnet wird, wenn Du´s links haben willst, mußt Du einfach stattdessen "padding-right" angeben.

Das "picwid" dazwischen, ist die Breite der angezeigten Bilder, somit werden die Buttons also immer entsprechend der Bildbreite nach links oder rechts gepadded.

So, als letztes, das ist ein bißchen Herumspiel-Arbeit, mußt Du noch an dieser Zahl drehen:

myhtml+="<div style='background-color:green; display:block;width:"+picwid+"px;padding-top:"+(pichei+3)+"px;text-align:right; padding-left:"+picwid+"px'>";

Damit kannst Du einstellen, wie weit hoch oder runter die Buttons verschoben werden sollen (wenn die Buttons höher nach oben sollen, statt "+" ein "-" setzen, z.B. "pichei-50".

Fertig!

Nun nicht vergessen, daß "background-color:green" wieder rauszunehmen Lächel

P.S. Du hast ja geschrieben, daß Du das Plazieren der Buttons auch schon hinbekommen hast, aber daß der Slider danach nicht mehr funktioniert hat.

Ich weiß jetzt zwar nicht, wie Du das ganze gemacht hast, die Lösung oben sollte auf jeden Fall funktionieren.
  View user's profile Private Nachricht senden
Anzeige
Anzeige
kiwi244
Threadersteller

Dabei seit: 27.03.2011
Ort: Saarland
Alter: 53
Geschlecht: Weiblich
Verfasst Do 08.09.2011 06:43
Titel

Antworten mit Zitat Zum Seitenanfang

Buenos dias, hannahc,

daaaanke, ich versuch das mal gleich nachher und meld mich hier wieder. Kann die Finger bald nicht ruhig halten, aber aber ich muß gleich noch weg.

bis dann und danke nochmal.
  View user's profile Private Nachricht senden
kiwi244
Threadersteller

Dabei seit: 27.03.2011
Ort: Saarland
Alter: 53
Geschlecht: Weiblich
Verfasst Do 08.09.2011 10:03
Titel

Antworten mit Zitat Zum Seitenanfang

Hallo,

- versucht - aber das wird so nix.

bitte hier entlang
Der div mit den Buttons ist zu "height" und zu "width", und die Buttons setzen nicht neben dem dem Bild, sondern darunter und rechts im container an :-/.

So wird das nix, eher muß ich die Steuerung aus dem Javascript rausnehmen, auch den schowcontrol, denn den will ich ja generell auf "y" haben und die buttons, die ich dann in einen eigenen von mir angelegten div lege, mit den jeweiligen functionen belegen, und zwar in html und css - meine JS-Kenntnisse langen dafür nicht.

Ich mach mal grad:

hier die buttons so wie sie sollen

Idee??
  View user's profile Private Nachricht senden
kiwi244
Threadersteller

Dabei seit: 27.03.2011
Ort: Saarland
Alter: 53
Geschlecht: Weiblich
Verfasst Do 08.09.2011 12:12
Titel

Antworten mit Zitat Zum Seitenanfang

Hallo Hannahc,

ich hab`s geschafft - danke für Deinen Anstupser! Vielleicht "quick `n dirty, aber es passt!

Ich schick Dir den Link per pn und lösche die anderen raus, wenn Du magst kannst Du ja mal draufschauen.

LG

Thread kann also hiermit geschlossen werden!
  View user's profile Private Nachricht senden
hannahc

Dabei seit: 20.02.2011
Ort: Würzburg
Alter: 47
Geschlecht: Weiblich
Verfasst Do 08.09.2011 13:31
Titel

Antworten mit Zitat Zum Seitenanfang

heyyyyy * Applaus, Applaus *
  View user's profile Private Nachricht senden
 
Ähnliche Themen [PHP] Script Slideshow mod.!?
Slideshow mit Action Script
Dreamweaver Java Script Slideshow ausblenden?
Suche bestimtes Script für Slideshow/Slider o.ä.
[Suche] Slideshow Script mit Play/Pause Funktion
[Script] Gutschein-Code
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Programmierung


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.