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

FOR : 3.7.X click here
install time : 1 min

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

[mbc100]

thank you

[pein87]

I was gonna make this myself thanks for your work it will work wonders for my new site.

[concepts]

where did you get the youtube video block from? and thanks! installed!

[Qleb]

Originally Posted by pein87

I was gonna make this myself thanks for your work it will work wonders for my new site.

thanks for replay glad to hear that

Originally Posted by concepts

where did you get the youtube video block from? and thanks! installed!

https://vborg.vbsupport.ru/showthrea...t=mini+youtube

[pein87]

small error if the user doesn't have an album it says Array [user_does_not_have_album] well its a guess since I created one while testing but it had text similar to that in it. other wise its fine.

[Cybershaolin]

Very nice hack. One thing is missing. The link "View all albums" should remain below the profile or at least be available when viewing pictures in one album. Without the link, it's impossible to view all albums for one member at a time. Instead, we have to select each album individually within the slideshow...

[Brandon Sheley]

to bad the demo doesn't work

[Qleb]

ok ill add view all albums under the block with nice view with alt1 alt2 classes

and about if user has no albums ill fix it too all after 24H

thanks for reporting bugs

[Hornstar]

nice, looking forward to viewing it on an English Forum when the bugs are fixed.