Author Topic: [MOD] Random Slide  (Read 37169 times)

0 Members and 1 Guest are viewing this topic.

Rembrandt

  • Guest
[MOD] Random Slide
« on: October 31, 2009, 05:13:37 PM »
Hi!

Mit dieser Modifikation wird das Random Bild zur Slideshow.

Neue Dateien:
fadeslideshow.js
jquery.min.js

Demo:demo.vienna-pictures

1.) 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($minis0, -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:
Code: [Select]
{if has_rss}
und fügt darüber ein:
Code: [Select]
<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:
Code: [Select]
{endif random_image}

und fügt darunter ein:
Code: [Select]
<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
« Last Edit: January 30, 2010, 10:41:24 PM by Rembrandt »

Offline Sunny C.

  • Addicted member
  • ******
  • Posts: 1.805
  • I ♥ 4I
    • View Profile
Re: [MOD] Random Slide
« Reply #1 on: October 31, 2009, 06:53:18 PM »
Cool, danke!

Offline GaYan

  • Sr. Member
  • ****
  • Posts: 301
  • ♫ | G2 | ♫
    • View Profile
    • Ziramagic
Re: [MOD] Random Slide
« Reply #2 on: November 01, 2009, 03:17:58 AM »
im sorry to say..
the template is messed up after instaling it correctly...please help me to get rid of this gray border... i have attached a screen shot..then u will understand

i changed every code u gave and treid to remove this border..but i faild :(
pls help :)

tnx in advance !


« Last Edit: November 01, 2009, 04:39:57 AM by GaYan »
I'm Back :)

Rembrandt

  • Guest
Re: [MOD] Random Slide
« Reply #3 on: November 01, 2009, 08:39:44 AM »
Hi!
....
i changed every code u gave and treid to remove this border..but i faild :(...
set in ACP/General/Settings "Max. width of thumbnail in pixel" and "Max. heigth of thumbnail in pixel".

or in the code, search:

$max_width 
$config['max_thumb_width'];
$max_hight $config['max_thumb_height'];


replace it with:

$max_width 
"150";
$max_hight "150";


mfg Andi


Offline GaYan

  • Sr. Member
  • ****
  • Posts: 301
  • ♫ | G2 | ♫
    • View Profile
    • Ziramagic
Re: [MOD] Random Slide
« Reply #4 on: November 02, 2009, 05:51:39 AM »
Hey..How to remove that gray colour border from it :( ? thanks !

i want to show the image and navigation buttons only :)
I'm Back :)

Rembrandt

  • Guest
Re: [MOD] Random Slide
« Reply #5 on: November 02, 2009, 06:05:28 AM »
Hey..How to remove that gray colour border from it :( ? thanks !

i want to show the image and navigation buttons only :)
search in "fadeslideshow.js:
Code: [Select]
.css({position:'absolute', left:0, top:0, width:'100%', height:'100%', background:'#e1e1e1'})change the value for background.

Offline GaYan

  • Sr. Member
  • ****
  • Posts: 301
  • ♫ | G2 | ♫
    • View Profile
    • Ziramagic
Re: [MOD] Random Slide
« Reply #6 on: November 02, 2009, 06:18:23 AM »
Thanks.. I Found A Small Bug :D

Code: [Select]
$minis .= "\"".SCRIPT_URL."/details.php?".URL_IMAGE_ID."=".$row['image_id']."\",\"\"";
must be changed it to
Code: [Select]
$minis .= "\"".$script_url."/details.php?".URL_IMAGE_ID."=".$row['image_id']."\",\"\"";
Thanks..
I'm Back :)

Rembrandt

  • Guest
Re: [MOD] Random Slide
« Reply #7 on: November 02, 2009, 06:54:06 AM »
"SCRIPT_URL" is defined in constans.php

Offline GaYan

  • Sr. Member
  • ****
  • Posts: 301
  • ♫ | G2 | ♫
    • View Profile
    • Ziramagic
Re: [MOD] Random Slide
« Reply #8 on: November 02, 2009, 08:58:07 AM »
hey..it ddnt work for me :( so i just pasted this code ...i mean the above code...then it worked.....  :idea:
I'm Back :)

Offline nameless

  • Full Member
  • ***
  • Posts: 147
    • View Profile
Re: [MOD] Random Slide
« Reply #9 on: November 27, 2009, 06:06:51 PM »
English Pleeeeeeeeeas

Pleeeeeas

i did it but there is a problem i'm useing short URL and it does't work with it

so i need help
« Last Edit: November 27, 2009, 06:45:26 PM by nameless »

Offline V@no

  • If you don't tell me what to do, I won't tell you where you should go :)
  • Global Moderator
  • 4images Guru
  • *****
  • Posts: 17.849
  • mmm PHP...
    • View Profile
    • 4images MODs Demo
Re: [MOD] Random Slide
« Reply #10 on: November 27, 2009, 08:27:37 PM »
"SCRIPT_URL" is defined in constans.php
By default it doesn't
Your first three "must do" before you ask a question:
Please do not PM me asking for help unless you've been specifically asked to do so. Such PMs will be deleted without answer. (forum rule #6)
Extension for Firefox/Thunderbird: Master Password+    Back/Forward History Tweaks (restartless)    Cookies Manager+    Fit Images (restartless for Thunderbird)

Rembrandt

  • Guest
Re: [MOD] Random Slide
« Reply #11 on: November 27, 2009, 08:34:00 PM »
...
By default it doesn't
you're right, I changed it.

mfg Andi

Offline arabcine

  • Jr. Member
  • **
  • Posts: 87
    • View Profile
Re: [MOD] Random Slide
« Reply #12 on: December 04, 2009, 07:30:56 PM »
i can't understand this lang, please can you do this by english?

Offline V@nо

  • Addicted member
  • ******
  • Posts: 1.223
    • View Profile
Re: [MOD] Random Slide
« Reply #13 on: December 04, 2009, 08:52:40 PM »
see the language translation tool on top of the page?
Your first three "must do" before you ask a question:
If I asked you to PM me, I meant PM to my primary account, this account doesn't accept PMs.

Offline GaYan

  • Sr. Member
  • ****
  • Posts: 301
  • ♫ | G2 | ♫
    • View Profile
    • Ziramagic
Re: [MOD] Random Slide
« Reply #14 on: December 06, 2009, 05:50:40 PM »
can we show this on a external web site  :roll:
I'm Back :)