Ajax Sliding Image

Did you check the other mod-sites?

not see

There are sliders for the photo gallery and news sliders and slider panels.

Didn't see one for header.

I have one theme that uses the nivo image slider, http://nivo.dev7studios.com/ , in the header.

http://mangee.fusionfusion.net/news.php -- Elite_Grey

Is that what you are looking for.

yes...like nivo image slider.. how to i add under header ??

The download from nivoslider has a demo included.

I thru all of that into the theme Gillette. Plus called the js file and script call.

The proper php-fusion way.

So at the demo link pull up Gillette.

It works. So fine tuning of css and images and yes you should be able to put it in any theme.

But if you want an infusion it would be best to put in a request in the forums for one.

Thanks, Mangee for your good explanation and demonstration. I will check this out for myself, too...

First of all, your Topic Title is incorrect... It could be Fancy Header or Dynamic Header or Javascript Changing Header... B) Remember, Proper Title always Help...

BTW, you can use some Third party Javascript for that...

For example :- http://lmm.wangtong.dk/news.php - This Website is using a Javascript from DynamicDrive.com for displaying Dynamic Banners in the Welcome Panel.

Similarly to that, you can use that Script to Display Dynamic Headers/Banners...... B)

Hi mangee,

how to i put Nivo Slider into Welcome Panel ? I try but not working

How did you try?

i create new folder and give name 'nivo' and uploud to root server

then i copy source code from the demo and i put into the welcome panel

You have to include a jvascript file call example

[syntaxhighlighter brush=php,first-line=1,highlight=0,collapse=false,html-script=false]if(function_exists('add_to_head'){
add_to_head("<script type='text/javascript' src='".THEME."nivoslider.js'></script>";
}[/syntaxhighlighter]

Then add the start command example

[syntaxhighlighter brush=php,first-line=1,highlight=0,collapse=false,html-script=false] <script type='text/javascript'>
$(window).load(function() {
$('#slider'.nivoSlider();
});
</script>[/syntaxhighlighter]

But if you placed this in a panel it would require more coding then a header.

blur mangee...

can you teach me step by step ?....very2 hope you help me

For a header or an image bar across site I can help but not for a panel.

Reason is in the style

[syntaxhighlighter brush=css,first-line=1,highlight=0,collapse=false,html-script=false]/*============================*/
/*=== Custom Slider Styles ===*/
/*============================*/
#slider-wrapper {
background:url(images/slider.png) no-repeat;
width:998px;
height:392px;
margin:0 auto;
padding-top:74px;
margin-top:50px;
}

#slider {
position:relative;
width:618px;
height:246px;
margin-left:190px;
background:url(images/loading.gif) no-repeat 50% 50%;
}[/syntaxhighlighter]

There is a declared width. You can make the declared width smaller but if you do it wrong in a panel the content will push its way out and corrupt the site.

In a header or bar across the full width of theme you have more room.

I'll zip up the demo of Gillette and we'll see if you can work with the basic demo in the header.

I'll pm it to you.

ok...i waiting your PM

Sending you a second zip file which I corrected some problems.

I originally just thru the demo in but now I see I missed some things.

Hello Mangee. I would welcome this zip to put on my site if possible.

Thank you.

I know its an Old Thread, but I got it running on my site.

Only roblem is... IE wont show the slider.

Can anyone Help?

Link to Site:

http://testing.puresoundradio.net