Modul: Bildlauf mit zufälligen Bildern
Verfasst: Do 16. Jul 2009, 19:42
Hier mal zwei Module die es ermöglichen einen kleinen Bildlauf zu realisieren der die angezeigten Bilder zufällig aus einem Verzeichnis auswählt.
Achtet darauf das ihr hier zwei Zeilen anpassen müsst.
Vielleicht hat ja auch mal jemand Lust ein Input dafür zu schreiben
Hier werden 20 Bilder aus dem angegebenen Verzeichnis gewählt. Wenn ihr das ändern wollte die "for-schleife" anpassen.
Das Modul dann im gewünschten Template einbinden.
Und hier das Modul mit dem das Bild angezeigt wird und bei einem Klick auf das Bild wechselt man auf die vorherige Seite
Hier nochmal zum Download:
Achtet darauf das ihr hier zwei Zeilen anpassen müsst.
Vielleicht hat ja auch mal jemand Lust ein Input dafür zu schreiben
Hier werden 20 Bilder aus dem angegebenen Verzeichnis gewählt. Wenn ihr das ändern wollte die "for-schleife" anpassen.
Code: Alles auswählen
<?xml version="1.0" encoding="ISO-8859-1"?>
<module><name>Bildlauf</name>
<description><Zufälliger Bildlauf>
Autor:devils.fist + Skript von doctormolle
Version: 1.0</description>
<type>Content</type>
<input/>
<output><?php
?>
<script type='text/javascript'>
<!--
tNews=new Array();
//°°°°°°°°°°Die Bilder
<?php
$bilder = glob( "{**VERZEICHNISS EURER BILDER**/*.jpg}", GLOB_BRACE );
shuffle( $bilder );
for ($i=0; $i<20; $i++)
{
$bildinfo = getimagesize( $bilder[$i] );
$width = $bildinfo[0];
$height = $bildinfo[1];
if ($height > 60)
{
$height = 60;
$percent = ($bildinfo[1] / $height);
$width = ($bildinfo[0] / $percent);
}
$sScaledImage = cApiImgScale($bilder[$i], $width, $height);
echo 'tNews.push(\'<a href="http://**LINK ZUM MODUL DASS DAS BILD ANZEIGT**;image='.$bilder[$i].'"><img src="' .$sScaledImage .'" alt="" border="0"></a>\');';
}
?>
//°°°°°°°°°°Delimiter zwischen den einzelnen News
tDelimiter =' ';
//°°°°°°°°°°Interval in ms
tInterval =20;
//°°°°°°°°°°Stop bei mouseover?true:false
tStop =true;
//°°°°°°°°°°Falls Leeraum zwischen News...hier Wert erhoehen...minimum:1
tRepeat =1;
//°°°°°°°°°°Breite
tWidth =228;
//°°°°°°°°°°Höhe
tHeight =50;
//°°°°°°°°°°Rahmen
tBorder ='0px solid green';
//Abstand Rahmen->Inhalt (top+bottom)
tPadding =1;
/* * * * * * * * * * * * * * * * * * D E R T I C K E R * * * * * * * * * * * * * * * * * * * * * */
IE = document.all&&!window.opera;
DOM = document.getElementById&&!IE;
if(DOM||IE)
{
var tGo,
tPos = 0,
tStop = tStop?'onmouseover="clearInterval(tGo)"'+ 'onmouseout="tGo=setInterval(\'DM_ticken()\','+tInterval+')"':'',
tTxt = tDelimiter+tNews.join(tDelimiter),
tNews = tTxt;
for(i = 1; i < tRepeat; ++i)
{
tNews+=tTxt;
}
document.write('<div style="overflow:hidden; width:' + tWidth + 'px;height:' + tHeight + 'px;' +
'padding:' + tPadding + 'px 0px ' + tPadding + ' px 0px;">' +
'<div style="position:absolute;width:' + tWidth + 'px;height:' + tHeight + 'px;'+
'overflow:hidden;clip:rect(0px '+tWidth+'px '+tHeight+'px 0px)">'+
'<span id="ticker"style="white-space:nowrap;position:relative;"' + tStop + '>' + tNews +
'</span></div></div>');
tObj = IE ? document.all.ticker : document.getElementById('ticker');
function DM_ticken()
{
tOffset = tObj.offsetWidth/tRepeat;
if(Math.abs(tPos) > tOffset)
{
tPos=0;
}
tObj.style.left=tPos+'px';
tPos=parseInt(tPos)-1;
}
tGo=setInterval('DM_ticken()',tInterval);
}
//-->
</script></output>
</module>
Und hier das Modul mit dem das Bild angezeigt wird und bei einem Klick auf das Bild wechselt man auf die vorherige Seite
Code: Alles auswählen
<?xml version="1.0" encoding="ISO-8859-1" ?>
- <module>
<name>Bild anzeigen</name>
<description>Modul um ein Bild anzuzeigen. Pfad wird per GET übertragen. Autor: devils.fist Version 0.1</description>
<type>Content</type>
<input />
<output><?php $imageUrl = $_REQUEST[image]; echo '<a href="javascript:history.back()"><img src="'.$imageUrl.'" alt="klicken um zurück zu gelangen" border=0></a>'; ?></output>
</module>Hier nochmal zum Download: