Hier eine Bitte. Da wir ja noch ganz am Anfang mit den Inhalten im Forum sind, würde ich es gut finden, wenn wir in die FAQ die ganzen Funktionen von Web Acappella aufnehmen. Ich habe erst ab ca, Mitte September mehr Zeit dazu. Heute wollte ich zum Beispiel mal schnell einen Bildwechsel ( in iWeb per HTML Baustein ) auf meine Web Acappella Testseite stellen. Ich habe das per HTML Code versucht und nicht hinbekommen, auch weil mir die Zeit fehlte.
Die Hilfe aus Web Acappella habe ich befolgt. War aber nicht hilfreich. Hierzu könnte ma dann: "H wie HTML Code einsetzen" in die FAQ aufnehmen und kurz Step 1, 2, 3 ... beschreiben und das war es. ( Die Leute, die es bereits gemacht haben ).
Irgendwann kommen die Standardfragen von neuen Usern und dann hat man diese ganzen Dinge bereits in den FAQ. Wie gesagt, ich lege erst im Sept. los. Ich hoffe, das andere hier mitmachen.
Palma
In den FAQ und unter TIPPS & TRICKS ist noch viel Platz.
Zumindestens sollte man diese Pseudo-Buchstabiererei (A wie.../ B wie....) weglassen. Wir befinden uns hier in einem nagelneuen Forum und müssen, m.E., nicht andere Foren kopieren bzw. nachmachen. Diese Buchstabiererei führt in keinster Weise zu irgendeiner besseren Übersichtlichkeit, im Gegenteil. Laßt uns hier ein eigenständiges Forum aufbauen und nicht eine Kopie von (noch) existierenden. Just my 2 cents und nun könnt ihr wieder mal auf mich einprügeln..................
Ich wollte ein Javascript mit Bildwechsel und Überblendungen einsetzen. Da Harrison mal geschrieben hat, das man die Codes, die man in iWeb per HTML Baustein einfügen kann, in Web Acappella per HTML CODE einsetzen kann. Ich dachte also, mal eben den Code eingesetzt und fertig.
In den FAQ und unter TIPPS & TRICKS ist noch viel Platz.
also mit dem unten stehenden Code klappt das ohne Probleme, zu Sehen auf meiner Test Seite, ich habe nur die Bilder nicht angepasst.
<html><head> <script type="text/javascript">
/**************************************************************** "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 *****************************************************************/
var def_picwid=799; //setze hier die breite des breitesten bildes in pixeln var def_pichei=137; //... und hier die höhe des höchsten bildes var def_sdur=2; //zeit, die das bild angezeigt wird (in sekunden) var def_fdur=3; //zeit, die das bild für den übergang erhält (in sekunden) var def_steps=80; //anzahl schritte für den übergang von einem bild zum nächsten
//**************************************************************** ab hier beginnt das eigentliche script
//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){
//declarations and defaults var slideid=(be_slideid)?be_slideid:"0"; var imges=(be_imges)?be_imges:def_imges; var divid="slideshow"; var picwid=(be_picwid)?be_picwid:def_picwid; var pichei=(be_pichei)?be_pichei:def_pichei; var backgr="none"; 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=1; 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, else double the array if(imges.length<=2){imges=imges.concat(imges);} //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(); } }
//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); } } }
//insert css and images this.b_insert= function(){ var b, thestylid, thez, thevis; var myhtml="<div style='width:"+picwid+"px;height:"+pichei+"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>";
<div id="slideshow"> <img src="http://www.deinedomain.de/Foto/B1.png" /> <!-- hier das ausgangsbild setzen, das auch erscheint, falls javascript deaktiviert ist --> </div>
Der Code ist nicht das Problem. Der Vorgang: wie mache ich was bei der Funktion: HTML Code Die Frage und Fragen nach den anderen Funktionen werden garantiert in Zukunft hier öfter auftauchen. Deshalb mein Vorschlag alles in die FAQ aufzunehmen. Da die Hilfe ja "nur" in Englisch ist, werden nicht alle damit klar kommen. Ich kann zwar Englisch, trotzdem finde ich die Anleitungen zum Teil nicht aussagekräftig.
Wie wird es dann Leuten gehen, die mit Englisch Probleme haben und Neueinsteiger im Bereich Homepages sind ?.
In den FAQ und unter TIPPS & TRICKS ist noch viel Platz.
also ich finde das das eigentlich Selbst erklärend ist, weil soviel Möglichkeiten gibt es bei der Funktion eigentlich nicht. Aber egal, die FAQ werden ja nach und nach von uns Mitgliedern gefüllt, wir sind ja alle noch am Anfang.
Web Acappella - Forum, Tips und Tricks zum Bauen von Webseiten
»
Rund um das Forum
»
Hilfe
»
Allgemeiner Aufruf
Thema drucken
29.08.2011 21:17 (zuletzt bearbeitet: 30.08.2011 11:11)
Antworten
