vb.org Archive - Forum Display Enhancements - Sliding Banners or Images on Forum Home or Everywhere

vb.org Archive (https://vborg.vbsupport.ru/index.php)

- vBulletin 4.x Template Modifications (https://vborg.vbsupport.ru/forumdisplay.php?f=246)

- - Forum Display Enhancements - Sliding Banners or Images on Forum Home or Everywhere (https://vborg.vbsupport.ru/showthread.php?t=252643)

Quote:

Originally Posted by xXxpert (Post 2123095)

Good work but my one is not marquee tag think before where you posting dont bump your post by spreading link in other's threads where it has no meanings

just trying to help other out, think about the community an not just your mod

Quote:

Originally Posted by betts02 (Post 2126660)

just trying to help other out, think about the community an not just your mod

hmm ok, Thanks for suggestion :)

looks great as soon as I get to advertising I will look at this more

hi, mine is not showing good. i upload the two js file to the forums root. and add two image but it shown up the image without silde. i place it under the nav bar. any body help?

Quote:

Originally Posted by jskoh (Post 2174270)

hi, mine is not showing good. i upload the two js file to the forums root. and add two image but it shown up the image without silde. i place it under the nav bar. any body help?

did you replace this red text (Your Image or Banner Code Goes Here)
with your image source?

like <img src="XXX" /> ?

yep.. i put two image there. it shown two image. one top and one below. it just didnt slide. any advice? i upload the folder "js" to my domain root.

okok... i got it work now.. thank.. installed

it look funny after the fourth image and it slide backward. any way to change from scrolling back than jump to image1

This is what I wanted. Not a "mod" really, just some code that can be put into the ad block to rotate images. Thanks!

In answer to the question above about fixing the "rewind" after the last image, that's all built into the easySlider JQuery code. The good news is that if you upgrade from version 1.5 to 1.7, it fixes that problem. Instead of "rewinding", it just smoothly scrolls to the first image after the last image.

For the less-code-savvy, it's pretty easy to make that change. Just download version 1.7, place it in the folder where you put version 1.5, and then change the reference to the filename in your code block from "1.5" to "1.7". That's it!

Oh, BTW, you can eliminate a lot of the code in this example. The fact that it has styling in place for the body tag could override your theme style (it did mine), so I got rid of it and the rest of the general HTML page stuff.

Here's the less-cluttered code that I used:

Code:

<script type="text/javascript" src="jquery.js"></script>

<script type="text/javascript" src="easySlider1.7.js"></script>

<script type="text/javascript" charset="utf-8">

// <![CDATA[

$(document).ready(function(){    

    $("#slider").easySlider({

        controlsShow:  false,

        controlsBefore:    '<p id="controls">',

        controlsAfter:    '</p>',

        auto: true, 

        continuous: true,

        pause: 10000

    });    

});

// ]]>

</script>

<style type="text/css">

#slider { width:468px; height:30px; margin: 0 auto; padding:0; }

#slider ul,

#slider li { margin:0; padding:0; list-style:none; }

/* 

    define width and height of list item (slide)

    entire slider area will adjust according to the parameters provided here

*/

#slider li { width:468px; height:60px; overflow:hidden; }





/* slider */

.slider {height:60px;}

</style>



    <div class="slider">

      <div id="slider">

        <ul>

       

          <li>

            <div style="background-color:#000; color:#FFF; width:468px; height:60px; padding:0px; margin:0px;">

Ad #1 Here

            </div>

          </li>

          <li>

            <div style="background-color:#000; color:#FFF; width:468px; height:60px; padding:0px; margin:0px;">

Ad #2 Here

            </div>

          </li>

          <li>

            <div style="background-color:#000; color:#FFF; width:468px; height:60px; padding:0px; margin:0px;">

Ad #3 Here

            </div>

          </li>

        </ul>

      </div>

    </div>

X vBulletin 3.8.12 by vBS Debug Information
Template Usage: (1)ad_footer_end (1)ad_footer_start (1)ad_header_end (1)ad_header_logo (1)ad_navbar_below (1)bbcode_code_printable (3)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
Messages:

Phrase Groups Available:

X vBulletin 3.8.12 by vBS Debug Information
Page Generation 0.01398 seconds Memory Usage 1,743KB 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 (1)bbcode_code_printable (3)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
Messages: