Pic-Galerie 03.04.03 |
Willkommen, Gast ( Anmelden | Registrierung ) [ Hilfe | Mitglieder | Suche ]
Pic-Galerie 03.04.03 |
Wed. 28. June 2006, 21:25
Beitrag
#1
|
|
Advanced Member Gruppe: AdvancedMembers Beiträge: 343 Mitglied seit: 26.06.2006 Wohnort: CH Mitglieds-Nr.: 5 |
Modulname:
--------------------------------------------------------------------------- Pic-Galerie Bechreibung: --------------------------------------------------------------------------- Das Modul erstellt automatisch eine Galerie aus den Bildern eines gewählten Verzeichnisses im Dateimanager. Es gibt umfangreiche Sortier- und Auswahlmöglichkeiten. Die Ausgabe wird fast ausschließlich über Templates gelöst. Das macht das Modul individuell anpassbar. Autor(en): --------------------------------------------------------------------------- Saschapi Franse Wojewsky Benötigte Sefrengo Version: --------------------------------------------------------------------------- >= 01.02.00 (Sefrengo 1.2) QUELLTEXT Changelog legend:
# -> Bug Fix + -> Addition ^ -> Change - -> Removed ! -> Note Current versionnumber is 03.04.03 - released 29.12.2005 + Detailansicht kann als Startpunkt ausgewählt werden + Thumbnailübersicht kann auch in der Detailansicht angezeigt werden ^ Änderungen in der Grundkonfiguration des Moduls für XHTML - Fähigkeit (&) ^ Thumbnailübersicht unterstützt nun auch Tabellenloseslayout Current versionnumber is 03.04.02 - released 09.12.2005 ^ Änderungen in der Grundkonfiguration des Moduls für XHTML - Fähigkeit (ALT, <br> <img) Der Beitrag wurde von mistral bearbeitet: Wed. 28. June 2006, 21:35
Angehängte Datei(en)
-------------------- So einfach wie möglich, aber nicht einfacher!
(Albert Einstein) |
|
|
Tue. 18. July 2006, 10:02
Beitrag
#2
|
|
Advanced Member Gruppe: Moderators Beiträge: 911 Mitglied seit: 26.06.2006 Wohnort: Essen; Ruhrgebiet Mitglieds-Nr.: 4 |
Ich bin soeben per PM gefragt worden, wie auf der Demonstrations seite die Conveyer Belt Konfiguration für die Pic-Galerie funktioniert. Hier für alle zum Nachbauen
Das ist das Layout der Galerie-Tabelle QUELLTEXT <div id="dhtmlgoodies_slideshow"> <div id="galleryContainer-slide"> <script type="text/javascript"> <!-- /*********************************************** * Conveyor belt slideshow script- © Dynamic Drive DHTML code library (www.dynamicdrive.com) * This notice MUST stay intact for legal use * Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code ***********************************************/ var previewImage = false; function showPreview(newSrc) { if(!previewImage){ var images = document.getElementById('previewPane').getElementsByTagName('IMG'); if(images.length>0){ previewImage = images[0]; }else{ previewImage = document.createElement('IMG'); document.getElementById('previewPane').appendChild(previewImage); } } previewImage.src = newSrc; } //Specify the slider's width (in pixels) var sliderwidth="410px" //Specify the slider's height var sliderheight="150px" //Specify the slider's slide speed (larger is faster 1-10) var slidespeed=2 //configure background color: slidebgcolor="#EAEAEA" //Specify the slider's images var leftrightslide=new Array() var finalslide='' {content} //Specify gap between each image (use HTML): var imagegap=" " //Specify pixels gap between each slideshow rotation (use integer): var slideshowgap=5 ////NO NEED TO EDIT BELOW THIS LINE//////////// var copyspeed=slidespeed leftrightslide='<span style="white-space:nowrap;">'+leftrightslide.join(imagegap)+'</span>' var iedom=document.all||document.getElementById if (iedom) document.write('<div id="temp" style="visibility:hidden;position:absolute;top:-100px;left:-9000px">'+leftrightslide+'</div>') var actualwidth='' var cross_slide, ns_slide function fillup(){ if (iedom){ cross_slide=document.getElementById? document.getElementById("test2") : document.all.test2 cross_slide2=document.getElementById? document.getElementById("test3") : document.all.test3 cross_slide.innerHTML=cross_slide2.innerHTML=leftrightslide actualwidth=document.all? cross_slide.offsetWidth : document.getElementById("temp").offsetWidth cross_slide2.style.left=actualwidth+slideshowgap+"px" } else if (document.layers){ ns_slide=document.ns_slidemenu.document.ns_slidemenu2 ns_slide2=document.ns_slidemenu.document.ns_slidemenu3 ns_slide.document.write(leftrightslide) ns_slide.document.close() actualwidth=ns_slide.document.width ns_slide2.left=actualwidth+slideshowgap ns_slide2.document.write(leftrightslide) ns_slide2.document.close() } lefttime=setInterval("slideleft()",30) } window.onload=fillup function slideleft(){ if (iedom){ if (parseInt(cross_slide.style.left)>(actualwidth*(-1)+8)) cross_slide.style.left=parseInt(cross_slide.style.left)-copyspeed+"px" else cross_slide.style.left=parseInt(cross_slide2.style.left)+actualwidth+slideshowgap+"px" if (parseInt(cross_slide2.style.left)>(actualwidth*(-1)+8)) cross_slide2.style.left=parseInt(cross_slide2.style.left)-copyspeed+"px" else cross_slide2.style.left=parseInt(cross_slide.style.left)+actualwidth+slideshowgap+"px" } else if (document.layers){ if (ns_slide.left>(actualwidth*(-1)+8)) ns_slide.left-=copyspeed else ns_slide.left=ns_slide2.left+actualwidth+slideshowgap if (ns_slide2.left>(actualwidth*(-1)+8)) ns_slide2.left-=copyspeed else ns_slide2.left=ns_slide.left+actualwidth+slideshowgap } } if (iedom||document.layers){ with (document){ document.write('<table border="0" cellspacing="0" cellpadding="0"><tr><td>') if (iedom){ write('<div style="position:relative;width:'+sliderwidth+';height:'+sliderheight+';overflow:hidden">') write('<div style="position:absolute;width:'+sliderwidth+';height:'+sliderheight+';background-color:'+slidebgcolor+'" onmouseover="copyspeed=0" onmouseout="copyspeed=slidespeed">') write('<div id="test2" style="position:absolute;left:0px;top:0px"></div>') write('<div id="test3" style="position:absolute;left:-1000px;top:0px"></div>') write('</div></div>') } else if (document.layers){ write('<ilayer width='+sliderwidth+' height='+sliderheight+' name="ns_slidemenu" bgColor='+slidebgcolor+'>') write('<layer name="ns_slidemenu2" left="0" top="0" onmouseover="copyspeed=0" onMouseout="copyspeed=slidespeed"></layer>') write('<layer name="ns_slidemenu3" left="0" top="0" onmouseover="copyspeed=0" onMouseout="copyspeed=slidespeed"></layer>') write('</ilayer>') } document.write('</td></tr></table>') } } --> </script> </div> </div> Layout der einzelnen Tabellenelemente QUELLTEXT leftrightslide[{number}]='<a href="#" onclick="showPreview(\'{path}{file}\');return false"><img src="{path}{thumbfile}" alt="{description}" /></a>' Layout der optionalen Detailansicht QUELLTEXT <div id="previewPane"> <img src="{path}{file}" border="0" alt="{filedesc}" /> <br/> </div> Wichtig: Direkt mit der Detailansicht beginnen? UND Thumbnails in die Detailinsicht includen? Beides JA ankreuzen. Bei Rückfragen einfach an mich wenden Ich hoffe es hilft dem ein oder anderen! Wäre übrigens toll wenn ihr mir fertig konfigurierte Module mit sexy Galerielayouts schicken könntet (zusammen mit einer CSS Datei). Dann würde ich diese auf einer neuen Demoseite einbauen! EDIT: OK, ich habe verpeilt, dass ich da eine modifikation eingebaut hatte {number} ich werde die kommende Tag die passende Version releasen Der Beitrag wurde von saschapi bearbeitet: Tue. 18. July 2006, 14:51 -------------------- |
|
|
Vereinfachte Darstellung | Aktuelles Datum: 27.9.24 - 02:19 |