Modul: Bildlauf mit zufälligen Bildern

Gesperrt
Liquidstone
Beiträge: 36
Registriert: Di 12. Aug 2008, 10:27
Kontaktdaten:

Modul: Bildlauf mit zufälligen Bildern

Beitrag von Liquidstone »

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.

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>
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

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:
Dateianhänge
Bild_anzeigen.rar
Modul: Bild anzeigen
(431 Bytes) 155-mal heruntergeladen
Bildlauf.rar
Modul: Bildlauf
(1.48 KiB) 161-mal heruntergeladen
Zuletzt geändert von Liquidstone am Fr 17. Jul 2009, 15:55, insgesamt 3-mal geändert.
Oldperl
Beiträge: 4316
Registriert: Do 30. Jun 2005, 22:56
Wohnort: Eltmann, Unterfranken, Bayern
Hat sich bedankt: 6 Mal
Danksagung erhalten: 4 Mal
Kontaktdaten:

Re: Bildlauf mit zufälligen Bildern

Beitrag von Oldperl »

Hallo Liquidstone,

denkst du nicht es wäre besser hier als Code den im Moduloutput angezeigten Code zu posten, anstelle der xml-Daten. So kann man das per Copy&Paste direkt übernehmen, wogegen man in deinem Fall erst wieder als xml-Datei speichern muss und dann über Import das Modul lädt.
Alternativ kannst du die XML ja zippen und als zip-Archiv hochladen.

Gruß aus Franken

Ortwin
ConLite 3.0.0-dev, alternatives und stabiles Update von Contenido 4.8.x unter PHP 8.x - Download und Repo auf Gitport.de
phpBO Search Advanced - das Suchwort-Plugin für CONTENIDO 4.9
Mein Entwickler-Blog
Liquidstone
Beiträge: 36
Registriert: Di 12. Aug 2008, 10:27
Kontaktdaten:

Re: Bildlauf mit zufälligen Bildern

Beitrag von Liquidstone »

Oldperl hat geschrieben:Hallo Liquidstone,
...
Alternativ kannst du die XML ja zippen und als zip-Archiv hochladen...

Ortwin
Hab sie noch als rar angehängt...
Gesperrt