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.

[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

[Rideharder]

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

me too. thanks!

[smirkley]

Like this, and testing.

Can at be made to fade in/out instead of like it does now?

[SVTdrivah]

Getting the following error when clicking on article from image slider:

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

Any ideas?

[Scalemotorcars]

This is just off the top of my head but if you look in the code for (transition) I think it has a zero. Change that to fast, slow or normal. If you Google it you'll see how.

I'm using it with the slow transition and also ditched the thumbnails.

See it here. http://www.scalemotorcars.com/

[smirkley]

Originally Posted by Scalemotorcars

This is just off the top of my head but if you look in the code for (transition) I think it has a zero. Change that to fast, slow or normal. If you Google it you'll see how.

I'm using it with the slow transition and also ditched the thumbnails.

See it here. http://www.scalemotorcars.com/

I looked in all files in the package, but could not find where it specifies where I can transition.

Any suggestions?

[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

[smirkley]

now, how to hide the thumbnails,... idea's?

[Scalemotorcars]

There you go.

Thumbs, its dirty but works fine.

https://vborg.vbsupport.ru/showpost....&postcount=170

[Scalemotorcars]

Now if someone could add arrows for slide navigation it would be perfect.

Hint Hint Hint....