Hi!
Mit dieser Modifikation wird das Random Bild zur Slideshow.
Neue Dateien:fadeslideshow.js
jquery.min.js
Demo:demo.vienna-pictures1.) erstellt einen neuen Ordner in euren root Ordner "js/fade_slide".
2.)lade euch die beiden Dateien
"fadeslideshow.js" und
"jquery.min.js" und die im anhang befindlichen
png bilder herrunter, und Speicher sie in den neu erstellten Ordner "js/fade_slide" ab.
3.) wenn ihr die Slideshow nur auf eurer home.html sehen wollt, sucht in der index.php:
//-----------------------------------------------------
//--- Print Out ---------------------------------------
//-----------------------------------------------------
und fügt darüber ein:
//#################################### Start Random Slide Show #################################################
$sql = "SELECT image_id, cat_id, user_id, image_name, image_media_file
FROM ".IMAGES_TABLE."
WHERE image_active = 1 AND cat_id NOT IN (".get_auth_cat_sql("auth_viewcat", "NOTIN").") AND image_media_file LIKE '%.jpg'
ORDER BY RAND()
LIMIT 30";
$result = $site_db->query($sql);
$minis = "";
while($row = $site_db->fetch_array($result))
{
$minis .= "[\"./".THUMB_DIR."/".$row['cat_id']."/".$row['image_media_file']."\",";
$minis .= "\"".$site_sess->url($script_url."/details.php?".URL_IMAGE_ID."=".$row['image_id'])."\",\"\"";
//$minis .= ",\"".$row['image_name']."\"";
$minis .= "],";
}
$minis = substr($minis, 0, -1);
$max_width = $config['max_thumb_width'];
$max_hight = $config['max_thumb_height'];
$minislide ="
<script type=\"text/javascript\">
var mygallery=new fadeSlideShow({
wrapperid: \"fadeshow\",
dimensions: [$max_width, $max_hight],
imagearray: [$minis],
displaymode: {type:'auto', pause:1000, cycles:0, wraparound:true},
fadeduration: 600,
togglerid: \"fadeshowtoggler\"
})
</script>";
$minislide .= "<div class=\"head1\">";
$minislide .= "<span style=\"line-height:20px;vertical-align:middle;margin-left:3px;\">".$lang['random_image']."</span>";
$minislide .= "</div>";
$minislide .= "<div style=\"width:$max_width px;background-color:#e1e1e1\">";
$minislide .= "<div id=\"fadeshow\" style=\"margin-top:3px;\"></div>";
$minislide .= "<div id=\"fadeshowtoggler\" style=\"width:$max_width px;\">";
$minislide .= "<span style=\"float:left;margin-left:27px;margin-top:3px;\"><a href=\"#\" class=\"prev\"><img src=\"./js/fade_slide/bwd.png\" style=\"border-width:0;\" alt=\"prev\"></a></span>";
$minislide .= "<span class=\"status\" style=\"float:left;margin-top:3px;text-indent:3px;font-weight:lighter;\"></span>";
$minislide .= "<span style=\"float:right;margin-right:27px;margin-top:3px;\"><a href=\"#\" class=\"next\"><img src=\"./js/fade_slide/fwd.png\" style=\"border-width:0\" alt=\"next\"></a></span>";
$minislide .= "</div>";
$minislide .= "</div>";
$site_template->register_vars("minislide", $minislide);
//#################################### End Random Slide Show #################################################
wenn ihr die slideshow in all euren Template Dateien sehen wollt (home.- categorie.- details.htlm) dann sucht in der "includes/page_header.php":
//-----------------------------------------------------
//--- Register Global Vars ----------------------------
//-----------------------------------------------------
und fügt den code darüber ein.
4.) sucht in der header.html:
{if has_rss}
und fügt darüber ein:
<script type="text/javascript" src="./js/fade_slide/jquery.min.js"></script>
<script type="text/javascript" src="./js/fade_slide/fadeslideshow.js">
/***********************************************
* Ultimate Fade In Slideshow v2.0- (c) 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 this script and 100s more
***********************************************/
</script>
5.) in all euren templates Dateien wo ihr die Slideshow sehen wollt, sucht:
{endif random_image}
und fügt darunter ein:
<br>
{minislide}
in der includes/constants.php könnt ihr jetzt random image auf "0" setzen.
define('SHOW_RANDOM_IMAGE', 0); Viel Spass!
mfg Andi