Hello,
I have adapted this code to work as a signature slider instead of a user info "slider". It works perfectly, I have added 5 extra signatures to a users sig placeholder. Only issue I'm having is that the buttons do not appear if using google chrome. It works perfect with IE and FF but Chrome the buttons don't show. Any ideas how I can fix this issue?
p.s.: If I can post the dynamic signature slider here let me know and I will gladly share it with you guys. (there is a signature slider mod in vbunderground but it does NOT work how they specify it there.)
EDITED:
I have come across several solutions for the issue with google chrome not displaying the buttons ; I enabled mytabs.init() and put in 10 sec intervals and the images do show rotating(but still no buttons to manually change the pic). Although we have run into another issue, we have LiveTopic installed for the forums and when in a thread that is "Live" the images do not show at all. You would have to refresh the page or edit your post to make the images viewable by you and the other users if and when they are in a "live" thread. If anyone has any feedback regarding these issues it would be greatly appreciated. Here is the modified version for signatures if anyone wants to use it go ahead, and many thanks to Digital Jedi for this very useful mod.
Code:
{vb:raw template_hook.postbit_signature_start}
{vb:raw ad_location.ad_showthread_firstpost_sig}
<vb:if condition="is_member_of($post, 83, 6, 50)">
<!-- POSTBIT SLIDE START -->
<strong></strong>
<!-- sig -->
<!-- / sig -->
<div align="center"><a class="musername" href="member.php?{vb:raw session.sessionurl}u={vb:raw post.userid}">{vb:raw post.musername}</a>'s Signature Showcase
<br />
<div id="postbittabs{vb:raw post.postid}" class="smanslide">
<ul>
<li><span title="View Tab 1"><a href="#" rel="tab1{vb:raw post.postid}" id="selected{vb:raw post.postid}"> </a></span></li>
<li><span title="View Tab 2"><a href="#" rel="tab2{vb:raw post.postid}"> </a></span></li>
<li><span title="View Tab 3"><a href="#" rel="tab3{vb:raw post.postid}"> </a></span></li>
<li><span title="View Tab 4"><a href="#" rel="tab4{vb:raw post.postid}"> </a></span></li>
<li><span title="View Tab 5"><a href="#" rel="tab5{vb:raw post.postid}"> </a></span></li>
</ul>
<br style="clear: center" />
</div>
<div class="smallfont">
<!-- SLIDE 1 CONTENT -->
<div id="tab1{vb:raw post.postid}" class="tabcontent">
<div class="info">
{vb:raw post.signature}
</div>
</div>
<!-- SLIDE 2 CONTENT -->
<div id="tab2{vb:raw post.postid}" class="tabcontent">
<div class="info">
<img alt="My 2nd Sig Pic" border="0" src="{vb:raw post.field30}" border="0"/>
</div>
</div>
<!-- SLIDE 3 CONTENT -->
<div id="tab3{vb:raw post.postid}" class="tabcontent">
<div class="info">
<img alt="My 3rd Sig Pic" border="0" src="{vb:raw post.field31}" border="0"/>
</div>
</div>
<!-- SLIDE 4 CONTENT -->
<div id="tab4{vb:raw post.postid}" class="tabcontent">
<div class="info">
<img alt="My 4th Sig Pic" border="0" src="{vb:raw post.field32}" border="0"/>
</div>
</div>
<!-- SLIDE 5 CONTENT -->
<div id="tab5{vb:raw post.postid}" class="tabcontent">
<div class="info">
<img alt="My 5th Sig Pic" border="0" src="{vb:raw post.field33}" border="0"/>
</div>
</div>
</div>
<script type="text/javascript">
var mytabs=new ddtabcontent("postbittabs{vb:raw post.postid}")
mytabs.setpersist(false)
mytabs.setselectedClassTarget("link")
mytabs.init(10000)
</script>
</div>
<!-- /POSTBIT SLIDE END -->
<vb:else />
<blockquote class="signature restore"><div class="signaturecontainer">{vb:raw post.signature}</div></blockquote>
</vb:if>
</vb:if>
{vb:raw template_hook.postbit_signature_end}
</div>
PS..: I have made this so that only a certain usergroups can use the sig slider and the rest their normal signatures.
PS..: 2 We have found that the live topic issue and the button images not appearing is exclusive to Google Chrome. In IE and FF it works PERFECT! I can provide demo link if needed.