PDA

View Full Version : Add-On Releases - ajax slideshow user profile albums

Qleb
10-27-2009, 10:00 PM
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 (https://vborg.vbsupport.ru/showthread.php?t=226949)
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

<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

<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
<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
.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


.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
10-28-2009, 08:54 PM
thank you
pein87
10-28-2009, 10:18 PM
I was gonna make this myself thanks for your work it will work wonders for my new site.
concepts
10-29-2009, 12:57 AM
where did you get the youtube video block from? and thanks! installed!
Qleb
10-29-2009, 05:08 AM
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 ;)

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

https://vborg.vbsupport.ru/showthread.php?t=171969&highlight=mini+youtube
pein87
10-29-2009, 07:18 AM
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
10-29-2009, 03:51 PM
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
10-29-2009, 04:19 PM
to bad the demo doesn't work :(
Qleb
10-29-2009, 05:20 PM
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
10-30-2009, 04:49 PM
nice, looking forward to viewing it on an English Forum when the bugs are fixed.
M Shaker
10-30-2009, 04:52 PM
Thanks :)
Qleb
10-30-2009, 05:24 PM
updated

if you install the mod allready just replace the tampltes memberinfo_block_albums
Cybershaolin
10-30-2009, 06:24 PM
Perfect update. Thanks for the addition of the text "View all albums"! :)

Just one question: How to translate "Back 1 albums" and "Forward 1 albums"? is it possible to use phrases as we use more than one language on my forum? BTW it should be "Back 1 album" and "Forward 1 album" without the "s". :)
Qleb
10-31-2009, 06:26 AM
Perfect update. Thanks for the addition of the text "View all albums"! :)

Just one question: How to translate "Back 1 albums" and "Forward 1 albums"? is it possible to use phrases as we use more than one language on my forum? BTW it should be "Back 1 album" and "Forward 1 album" without the "s". :)

yes u can do this

open file clientscript/stepcarousel.js

edit line 59 and 60

at the end of the line add the phrases you want
Cybershaolin
10-31-2009, 10:37 AM
Thanks, I was more talking about the vbulletin phrasing system like: $vbphrase[go_back] since I use more than one language, but at least, I know where to change it.

I wish we could have something like that (meaning a slideshow) when displaying the pictures too inside an album. This is a very nice effect.
Qleb
10-31-2009, 10:50 AM
Thanks, I was more talking about the vbulletin phrasing system like: $vbphrase[go_back] since I use more than one language, but at least, I know where to change it.

I wish we could have something like that (meaning a slideshow) when displaying the pictures too inside an album. This is a very nice effect.

i did one like this befor i made that check it at this link

http://smoothgallery.jondesign.net/showcase/gallery/#

but its made a problems with some plugins Java scripts like live chat or chatbox or somthing :(
Cybershaolin
10-31-2009, 11:09 AM
Yeah, something like that would be very nice if implemented in vbulletin. But, on your example, I can see the arrows in order to move for the next or previous pictures only. If a slideshow of all pictures looping on an infinite way would be displayed, this would be better according to me.

How to do something like that for vbulletin pictures albums is another story but the person who will do it, for sure, would have a great success with the hack.

I think that we would have more stuff like this implemented within vbulletin, because multimedia is the way to go. Same applies for videos, like integrated players, etc instead of having all those BB codes or Multimedia players hacks playing files on the server or somewhere else and links to all these onlines video providers.
Qleb
11-10-2009, 01:35 PM
ill work to make it show silde show as infinity inside user album like the example i show u above

hope its well work
Cybershaolin
11-11-2009, 12:15 AM
Great, that would be very nice. If you could add the same infinite way on the album profiles, this hack would be perfect. :)
Brandon Sheley
11-11-2009, 03:03 AM
the demo is working now, looks great
I've been wanting something like this, I'll check it out and add it shoon

thanks
-Brandon