vb.org Archive
Page 5 of 6 « First 34 5 6
Show 40 post(s) from this thread on one page

vb.org Archive (https://vborg.vbsupport.ru/index.php)
-   vBulletin 4.x Add-ons (https://vborg.vbsupport.ru/forumdisplay.php?f=245)
-   -   vBulletin CMS Widgets - Slider Widget s3slider (https://vborg.vbsupport.ru/showthread.php?t=238592)

The Rocketeer 05-06-2011 10:06 AM
Quote:
Originally Posted by Wayne Luke (Post 2187476)
Javascript error. Make sure you upload it properly. The problem could be a conflict with the included javascript and the jQuery included with vBulletin.

I put the mySlider.js in my clientscript/jquery folder and changed the code slightly. I didn't upload the include jquery.js file.

Put the css in the additional.css template:
Code:
ul#slider {
    width: 430px;
    height: 270px;
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

ul#slider li {
    float: left;
    position: relative;
    /*display: none;*/
}

ul#slider li div {
    position: absolute;
    width: 373px;
    background-color: #000;
    color: #fff;
    left: 0;
    /*display: none;*/
    padding: 10px;
}

.top {
    top: 0;
}

.bottom {
    bottom: 0;
}
Put the javascript includes in my headinclude_bottom like this:
Code:
<vb:if condition="THIS_SCRIPT == 'vbcms'">
<script src="clientscript/jquery/jquery-1.4.4.min.js" type="text/javascript"></script>
<script src="clientscript/jquery/mySlider.js" type="text/javascript"></script>
</vb:if>
Finally my widget code looks like this:
HTML Code:
<script type="text/javascript">
    $(document).ready(function() {
        $("#slider").mySlider({
            timeOut: 4000,
            captionOpacity: .7
        });
    });
</script>
    <ul id="slider">

        <li>
            <img src="images/slider/thor_movie.jpg" width="100%" alt="" />
            <div class="top">
                The powerful but arrogant warrior Thor is cast out of the fantastic realm of Asgard and sent to live amongst humans on Earth, where he soon becomes one of their finest defenders.
            </div>
        </li>
        <li>
            <img src="images/slider/on_stranger_tides.jpg" width="100%" alt="" />
            <div class="bottom">
                After crossing paths with a woman from his past, Captain Jack Sparrow  is swept aboard the Queen Anne's Revenge, the ship of the formidable pirate Blackbeard, on an unexpected mission to find the elusive fountain of youth.
            </div>
        </li>
        <li>

            <img src="images/slider/the-deathly-hallows.jpg" alt="" />
            <div class="bottom">
                The end begins as Harry, Ron, and Hermione go back to Hogwarts to find and destroy Voldemort's final horcruxes...
            </div>
        </li>
    </ul>
Still needs a little work but you can see it at the site that I am working on here:
http://wayneflix.com/content/1-box-office
Hey Wayne Do you know anyway to add like a forward or backward button to this thing?

biancolaw 06-17-2011 03:21 AM
Can someone tell me how I would center the picture? I tried making the pics 430x270 but my homepage uses 75% for the middle column so the pics are aligned left. No matter what I edit, it seems I cannot center the picture.

Wayne Luke 07-25-2011 06:46 PM
Quote:
Originally Posted by The Rocketeer (Post 2192624)
Hey Wayne Do you know anyway to add like a forward or backward button to this thing?
Sorry.. Haven't looked into this functionality yet. Have been busy building a movie library within the vBulletin Framework. It isn't quite complete yet but getting there.

http://www.wayneflix.com/movies.php

Once I get done with the movie library, I am going to rewrite this using some PHP to pull articles marked as "featured" in the database. Don't know if I'll be able to distribute it though.

Quote:
Originally Posted by biancolaw (Post 2208823)
Can someone tell me how I would center the picture? I tried making the pics 430x270 but my homepage uses 75% for the middle column so the pics are aligned left. No matter what I edit, it seems I cannot center the picture.
Enclose your slider within a div container and do something like:
Code:
<style>
.slcenter {width: 540px;margin-left: auto;margin-right: auto;}
</style>
Mine looks like:
HTML Code:
<div class="slcenter">
    <ul id="slider">
        <li>Image 1</li>
        <li>Image 2</li>
        <li>Image 3</li>
    </ul>
</div>

negrowarez 09-11-2011 02:51 AM
This one work with the 4.1.5?

stev35555 09-28-2011 02:15 PM
Hi,

Slideshow works great in 4.1.6. How can I stop the title showing and the grey background http://www.thechristianchatroom.com/ ?

pantani 10-15-2011 08:03 PM
nice one thanks you

Popa Andrei 12-11-2011 04:59 PM
how can we make this rezise pictures to a predefined size bu us given?

Dr.osamA 12-14-2011 08:53 AM
thank you bro

installed

Popa Andrei 12-14-2011 07:45 PM
Quote:
Originally Posted by Popa Andrei (Post 2276804)
how can we make this rezise pictures to a predefined size bu us given?
anyone can help me with this?

mrt12345 04-25-2012 12:51 AM
works great on 4.1.12
but i found working with a photo 650x335 and play with the width and heit in the code and you will do fine, for fluid templates.

I don’t have any fixed but you would have to make adjustments.


All times are GMT. The time now is 12:20 PM.
Page 5 of 6 « First 34 5 6
Show 40 post(s) from this thread on one page

Powered by vBulletin® Version 3.8.12 by vBS
Copyright ©2000 - 2025, vBulletin Solutions Inc.

X vBulletin 3.8.12 by vBS Debug Information
  • Page Generation 0.01616 seconds
  • Memory Usage 1,750KB
  • Queries Executed 10 (?)
More Information
Template Usage:
  • (1)ad_footer_end
  • (1)ad_footer_start
  • (1)ad_header_end
  • (1)ad_header_logo
  • (1)ad_navbar_below
  • (3)bbcode_code_printable
  • (2)bbcode_html_printable
  • (4)bbcode_quote_printable
  • (1)footer
  • (1)gobutton
  • (1)header
  • (1)headinclude
  • (6)option
  • (1)pagenav
  • (1)pagenav_curpage
  • (3)pagenav_pagelink
  • (1)post_thanks_navbar_search
  • (1)printthread
  • (10)printthreadbit
  • (1)spacer_close
  • (1)spacer_open 
Phrase Groups Available:
  • global
  • postbit
  • showthread
Included Files:
  • ./printthread.php
  • ./global.php
  • ./includes/init.php
  • ./includes/class_core.php
  • ./includes/config.php
  • ./includes/functions.php
  • ./includes/class_hook.php
  • ./includes/modsystem_functions.php
  • ./includes/class_bbcode_alt.php
  • ./includes/class_bbcode.php
  • ./includes/functions_bigthree.php 
Hooks Called:
  • init_startup
  • init_startup_session_setup_start
  • init_startup_session_setup_complete
  • cache_permissions
  • fetch_threadinfo_query
  • fetch_threadinfo
  • fetch_foruminfo
  • style_fetch
  • cache_templates
  • global_start
  • parse_templates
  • global_setup_complete
  • printthread_start
  • pagenav_page
  • pagenav_complete
  • bbcode_fetch_tags
  • bbcode_create
  • bbcode_parse_start
  • bbcode_parse_complete_precache
  • bbcode_parse_complete
  • printthread_post
  • printthread_complete