vBulletin CMS Widgets - vFCoders - Featured Content Slider Widget

.::vFCoders - Featured Content Slider Widget::.

Content Slider Source: http://webdeveloperplus.com/jquery/f...ing-jquery-ui/

What is it?
=====================================

Featured Content Slider Widget for VBulletin CMS to feature latest (or popular) articles in a block that displays as a slideshow.

Features
=====================================

1. Fully Integrated With VBulletin CMS.
2. Option To Select Sections.
3. Option To Select Categories.
4. Option to Sort Articles by date or views.
5. No Template or File Edits.
6. Can Add Seperate Widget for Different Sections.
7. Can Add more than 1 Featured Content Slider Widget in a page.
8. Option To Set Width For Each Content Slider Widget New!

New Installation Instructions
=====================================

1. Upload all the files in "Upload" Folder to forumroot.
2. In the Product Manager in AdminCP, import the product XML file.
3. Then Go To -> Admincp -> vBulletin CMS -> Widgets

Widget Type: CMS featured Content slider
and enter other details and save it..

5. Then Rest of the things are as it is which you do for other widgets.

a): Configure The Widget in VBulletin CMS -> widgets
b): Add the widget in page through layout manager.


Upgrade Instructions
=====================================

1. Unzip the attachment and upload all files in upload folder to forumroot.
2. Upload the xml through product manager. (Overwrite)
3. Delete all the old content slider widgets and make new ones.


Uninstallation Instructions
=====================================

1. Delete all the Content Slider Widgets in vBulletin CMS -> Widgets
2. Uninstall the product through product manager.


Mod History:

v1.0 : 20 Aug 2011 : First Release.
v2.0 : 21 Aug 2011 : Width Feature Added.
v2.1 : 21 Aug 2011 : Fixed Uninstall Bug.
v2.2 : 26 Aug 2011 : Improved mouseover effect of content slider.
v2.3: 28 Aug 2011 : Fixed Package ID issue.
v2.4: 18 Apr 2011 : Fix typo in install code and Updated for vBulletin 4.1.x.


-> Click On Mark As Installed If You Have Installed This Mod.
-> You Can Nominate it also for Mod Of The Month.
-> If u like my work, you can Donate me also.

[Badshah93]

Originally Posted by smirkley

Gotit !

replace javascript in xml with this

<script type="text/javascript">
$(document).ready(function(){
$(".cmsfcs_{vb:raw id}").tabs({ fx: {opacity: 'toggle', duration:'slow'} }).tabs({event: 'mouseover'}).tabs('rotate', 3000, true);

$('.cmsfcs_{vb:raw id}').mouseover(function(){
        $(this).tabs('rotate', 0, false);
    });
    $('.cmsfcs_{vb:raw id}').mouseout(function(){
        $(this).tabs({ fx: {opacity: 'none', duration:'slow'} }).tabs({event: 'mouseover'}).tabs('rotate', 3000);
	$(".cmsfcs_{vb:raw id}").tabs({ fx: {opacity: 'toggle', duration:'slow'} }).tabs({event: 'mouseover'}).tabs('rotate', 3000, true);
    });
});
</script>

edit - added fix for mouseout fade

i remove fadeout because slider lags if someone goes from one thumb to last thumb.. yes if u r not using thumb then fade out is ok..

But if u r using thumb then i would suggest not to use fadeout.

[Badshah93]

Originally Posted by SVTdrivah

Is there any way to have the slider only display on the main page and nowhere else? For example, clicking on an article, I don't want the slider to appear in the article. Only out front.

Thanks

i have been busy with some personal works.. i will look into it and will give u solution for it soon.

[boydy]

Brilliant, thanks. I would also like it to only appear on the CMS home and not in any of the articles/other pages.

[vb.help]

Hi,

Thanks for the great mod !!

I have installed and configured it but have the following issues.

Please check my url : www.mydomain.com (Please scroll down little bit)

I currently have 2 sections and it looks like the images are not moving at all even after 5 secs ..

Fragement#1 is not clickable .. and for the second image i can click and go to the section page...

Is there a way you can move the fragment outside of original picture so that empty white space will be used as well as we can show the complete picture ?


Thanks

[vb.help]

Originally Posted by vb.help

Hi,


Is there a way you can move the fragment outside of original picture so that empty white space will be used as well as we can show the complete picture ?


Thanks

I made it work based on your previous answers . Thanks

Can you answer the other question i posted about moving the fragments outside ?

Also please tell me when a section will become popular ? Is there any setting for this Vb ?


Thanks

[romaszek]

Originally Posted by romaszek

Open vbcms_widget_cmsfcs_page template

Find:

.cmsfcs_{vb:raw id} li.ui-tabs-nav-item a{
display:block;
height:55px;
color:#333;
line-height:12px;

change: display:block; --> display:inline;

seems to work.

Sorry bad English.
This is not the good manner.
I made so:


.cmsfcs_{vb:raw id} ul.ui-tabs-nav{
position:absolute;
top:0;
left:1px;
list-style:none;
padding:0;
margin-top:2px;
width:76px; change --------> 500px
}

------------------------------
As to add the title to widget?

Thanks

[Bram H]

Originally Posted by Scalemotorcars

Never mind I figured out a way that seems to work

In vbcms_widget_cmsfcs_page I commented out every css attribute that included ui-tabs-nav.

Then at the top just below <style type="text/css">

I added this.
.ui-tabs-nav {
display: none;
}

Thanks, just added it to additional.css and that works also. Not needed to comment out anything

[vb.help]

Is there any option for side arrow mark ?

[SVTdrivah]

Anyone possibly know what may be causing this error when clicking on articles in slider?

PHP Code:

Warning: Invalid argument supplied for foreach() in [path]/includes/functions_editor.php(479) : eval()'d code on line 82 


[Badshah93]

Originally Posted by SVTdrivah

Anyone possibly know what may be causing this error when clicking on articles in slider?

PHP Code:

Warning: Invalid argument supplied for foreach() in [path]/includes/functions_editor.php(479) : eval()'d code on line 82 


does that happen only when u click on article in slider. When u disable widget does it shows the error when u visit that article. because the problem is related to editor where this mod has nothing to do with editor.

can i have link of ur forum ?