Add-On Releases - ajax slideshow user profile albums

Hello

this mod to display userprofile albums as slideshow with ajax technology

Live Demo : http://www.qleb.net/member.php?u=1


changes :

1- fix show all albums
2- fix if user has no albums

how to install :

download the zip file and extract it then

1- upload files to your forum root

open template memberinfo_albumbit and replace it with this

PHP Code:

<div class="panel"  align="center">
<a href="album.php?$session[sessionurl]albumid=$album[albumid]" title="$album[title_html]" class="open"><img src="$album[coverthumburl]" border=0/></a>
</div> 


open template memberinfo_block_albums and replace it with this

PHP Code:

<script type="text/javascript" src="clientscript/jquery.min.js"></script>
<script type="text/javascript" src="clientscript/stepcarousel.js">
</script>
<script type="text/javascript">
stepcarousel.setup({
    galleryid: 'mygallery', //id of carousel DIV
    beltclass: 'belt', //class of inner "belt" DIV containing all the panel DIVs
    panelclass: 'panel', //class of panel DIVs each holding content
    autostep: {enable:true, moveby:1, pause:3000},
    panelbehavior: {speed:500, wraparound:false, persist:true},
    defaultbuttons: {enable: true, moveby: 1, leftnav: ['images/arrow2.gif', -5, 80], rightnav: ['images/arrow1.gif', -20, 80]},
    statusvars: ['statusA', 'statusB', 'statusC'], //register 3 variables that contain current panel (start), current panel (last), and total panels
    contenttype: ['inline'] //content setting ['inline'] or ['ajax', 'path_to_external_file']
})
</script>
<if condition="$block_data['albumbits']">
<div align="center">
<div id="mygallery" class="stepcarousel">
<div class="belt">
$block_data[albumbits]
</div></div></div>
<div class="alt2 smallfont block_row block_footer" align="$stylevar[right]">
<a href="album.php?$session[sessionurl]u=$userinfo[userid]">$vbphrase[show_all_albums]</a>
</div>
<else />
<div class="alt1 smallfont block_row">$vbphrase[you_have_not_created_any_albums]</div>
<div class="alt2 smallfont block_row block_footer" align="$stylevar[right]">
<a href="album.php?$session[sessionurl]do=addalbum">$vbphrase[add_album]</a>
</div>
</if> 


3- open template (memberinfo_css) add after

PHP Code:

<style type="text/css" id="memberinfo_css"> 


the text memberinfo_css.txt

to customise the width and height of the block follow these instructions

open memberinfo_css

for W&H of Main Block arrows

edit

PHP Code:

.stepcarousel{
position: relative; /*dont change this*/
overflow: scroll;/*dont change this*/
width: 230px; /*change this to the width you has set into your profile albums*/
height: 140px; /*change this to the hight you has set into your profile albums*/
} 


for W&H of albums thumb
edit this

PHP Code:

.stepcarousel .panel{
width: 207px; /*change this to the same width set into ur forums album*/
overflow: hidden; /*dont change this*/
} 


thats all

i test it on Explorer 7 and Firfox worked fine

please if you install it and works with you dont forget to mark as install and rate the mod

[Qleb]

updated

if you install the mod allready just replace the tampltes memberinfo_block_albums