ajax slideshow user profile albums
Mod Version: 1.00, by Qleb
This modification is in the archives.
| vB Version: 3.7.x | Rating:  (1 vote - 5.00 average) |
Installs: 5 |
| Released: 28 Oct 2009 | Last Update: 30 Oct 2009 | Downloads: 24 |
 Not Supported
 Template Edits
|
||
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
open template memberinfo_block_albums and replace it with this
3- open template (memberinfo_css) add after
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
for W&H of albums thumb
edit 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
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>
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">
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
Download
This modification is archived, downloads are still allowed.
ajax slideshow user profile albums.zip (27.8 KB, 22 downloads)