Plugins

Starting with HTML the plugin as following :

 

example:

STEP 1: setup where is your news 
// Your news container

<div id=orgnews  style="display:none">
<div class=news_style>.......</div>
<div class=news_style>.......</div>
.................................
</div>

STEP 2: setup where to display 

//Where your news display

<div id=showhere></div>// for news content display

STEP 3: insert button images 

//Where image button

<div  id=news_button>// for Prev . Pause. Next . image button
<img src=lib-jquery-plugin-easy-news-prev.gif align="absmiddle" ><img src=lib-jquery-plugin-easy-news-pause.gif align="absmiddle" ><img src=lib-jquery-plugin-easy-news-next.gif align="absmiddle" >
</div>

STEP4: setup where to display news title

// Where news title display

<div id=news_display ></div>

 

****Easy News 1.0.1 Change Initializers (init methods) and add 3 variable names (playingtitle,nexttitle,prevtitle)*******

<script>
$(document).ready(function(){

var newsoption1 = {
firstname: "mynews",
secondname: "showhere",
thirdname:"news_display",
fourthname:"news_button",
playingtitle:"Now Playing:",
nexttitle:"Next News:",
prevtitle:"Prev News:",
newsspeed:'8000',
effectis:'1'
}
$.init_news(newsoption1);

});
</sript>

• firstname has to be the id of the div containing the news
• secondname is the id of container where you like news to display
• thirdname:  is the id of container where you like news title to display
• fourthname :  is the id of container where images file inside(prev.pause.next)
• playingtitle: set any thing you like (default is Now Playing:)
• nexttitle:set any thing you like (default is Next News:)
• prevtitle:set any thing you like (default is Prev News:)
• newsspeed : auto play pause time (1000=1sec default is 6sec)
• effectis : 0 :fadeIn and Out 1:slideUp and Down 2:Left to Right(default is 0)

Q.is there any css need?

A.what your news slide look like, it depend on your css ,if you are lazy to change it.you can copy css from demo page.

Q.can add hyperlink to my news?

A.any thing you can play with HTML  also can play with here.

Q.can I change the images look(prev.pause.next)?

A.Yes ! but please keep their name as (prev.gif prev0.gif pause.gif pause0.gif next.gif next0.gif)and keep their id as (news_prev , news_pause, news_next)

Q.how can I setup my news title?

A.for example:if you put your news as following.please set rel=xxxxxx as your news title.

<div id=mynews_hide_here >
<div rel=mynews_title1 class=news_style>................</div>
<div rel=mynews_title2 class=news_style>...............</div>
</div>

***** IMPORTANT CLASS NAME REQUIRED********

How Easy News know how many news needed to display and what is prev or next news? Easy News  search any continer has class named news_style then display it .see prev example .

Back to Mian Page click download to download  it.