اسلاید نوشته دلخواه همراه با افکت تایپی یا مارکویی

[carictoon 57]

توی مخزن وردپرس خیلی گشتم اما همچین افزونه ای پیدا نکردم تنها افزونه ای که شبیه بود :

http://wordpress.org/plugins/fikraticker/screenshots

که اونم قابلیت اضافه کردن مطلب دلخواه رو نداره .

بنظر میاد باید برنامه نویسی بشه !

در واقع چیزی (افزونه یا . . . ) مثل تصویر زیر :

[omid0098i 2536]

<div id="tickerAnchor" dir="rtl" align="center"></div><script language="Javascript" type="text/javascript">

<!--

// Ticker startup

function startTicker()

{

// Define run time values

theCurrentStory = -1;

theCurrentLength = 0;

// Locate base objects

if (document.getElementById) {

theAnchorObject = document.getElementById("tickerAnchor");

runTheTicker();

}

else {

document.write("<style>.ticki{display:none;}.ticko{border:0px; padding:0px;}</style>");

return true;

}

}

// Ticker main run loop

function runTheTicker()

{

var myTimeout;

// Go for the next story data block

if(theCurrentLength == 0)

{

theCurrentStory++;

theCurrentStory = theCurrentStory % theItemCount;

theStorySummary = theSummaries[theCurrentStory].replace(/"/g,'"');

theTargetLink = theSiteLinks[theCurrentStory];

theAnchorObject.href = theTargetLink;

thePrefix = "<span class=\"tickls\">" + theLeadString + "</span>";

}

// Stuff the current ticker text into the anchor

theAnchorObject.innerHTML = thePrefix +

theStorySummary.substring(0,theCurrentLength) + whatWidget();

// Modify the length for the substring and define the timer

if(theCurrentLength != theStorySummary.length)

{

theCurrentLength++;

myTimeout = theCharacterTimeout;

}

else

{

theCurrentLength = 0;

myTimeout = theStoryTimeout;

}

// Call up the next cycle of the ticker

setTimeout("runTheTicker()", myTimeout);

}

// Widget generator

function whatWidget()

{

if(theCurrentLength == theStorySummary.length)

{

return theWidgetNone;

}

if((theCurrentLength % 2) == 1)

{

return theWidgetOne;

}

else

{

return theWidgetTwo;

}

}

// -->

</script>

<script language="Javascript" type="text/javascript">

<!--

var theCharacterTimeout = 60;

var theStoryTimeout = 3000;

var theWidgetOne = "_";

var theWidgetTwo = "-";

var theWidgetNone = "";

var theLeadString = "";

var theSummaries = new Array();

var theSiteLinks = new Array();

var theItemCount = 6;

theSummaries[0] = "به سایت ما خوش آمدید.";

theSiteLinks[0] = "";

theSummaries[1] = "بانک کد ایرانی";

theSiteLinks[1] = "#";

theSummaries[2] = "تولز دی ال .کام";

theSiteLinks[2] = "#";

theSummaries[3] = "هر کدی رو که فکرش رو بکنید اینجا می تونید پیدا کنید";

theSiteLinks[3] = "http://moisrex.r98.ir";

theSummaries[4] = "آموزش و دانلود رایگان کد ها";

theSiteLinks[4] = "#";

theSummaries[5] = "دریافت از تولز دی ال .کام ";

theSiteLinks[5] = "#";

startTicker();

//-->

</script>

[carictoon 57]

آقا امید ، تشکر بابت این کد

کد بخوبی عمل میکنه فقط تنها مشکل اینه که لینک های مطلب کار نمیکنند یعنی نوشته بدون لینک است با اینکه لینک رو با شکل های مختلف ( با http ، بدون http و یا حالت های دیگه ) در کد قرار میدم بازم نوشته مورد نظر بدون لینک تایپ میشه .

در ضمن اگه بخوام یه آیکون به طور کلی در اول اسلاید و یا بصورت جزئی تر یعنی در اول هر نوشته قرار بدم ، این آیکون رو باید کجای کد قرار بدم ؟

ویرایش شده تیر 92 توسط carictoon

[Morteza 34190]

از افزونه های ticker استفاده کنید

در مخزن وردپرس بوفور پیدا می کنید

[carictoon 57]

از افزونه های ticker استفاده کنید

در مخزن وردپرس بوفور پیدا می کنید

توی مخزن وردپرس گشتم تنها افزونه ای که پیدا کردم همون افزونه ticker که تو پست اول نام بردم که قابلیت اضافه کردن مطلب دلخواه رو نداره و تنها category رو ساپورت میکنه .

[carictoon 57]

مشکل آیکون حل شد . به آیکون استایل float:right دادم ، سمت راست و اول اسلاید قرار گرفت .

اما هنوز نتونستم مشکل لینک نوشته هارو حل کنم

[Morteza 34190]

http://wordpress.org/plugins/ditty-news-ticker/
http://wordpress.org/plugins/fp-news-ticker/

+

http://smashfreakz.com/2012/10/best-jquery-news-ticker-plugins/

[carictoon 57]

آقا مرتضی ممنون

مشکلم با Ditty News Ticker حل شد و این نشون میده که گشتم نبود نگرد نیست همه جا کاربرد نداره !

[carictoon 57]

لازم دونستم این کد اسکریپت رو که همون کار اسکریپت بالا رو میکنه برای سایر کاربرایی که نیاز به چند خط کد دارن قرار بدم .

تفاوت این کد در اینه که لینک نوشته بخوبی کار میکنه !

<script type="text/javascript">eval(function(p,a,c,k,e,d){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--){d[e(c)]=k[c]||e(c)}k=[function(e){return d[e]}];e=function(){return'\\w+'};c=1};while(c--){if(k[c]){p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c])}}return p}('5 $w=x;5 $d=$w.q;3 $e(i){4 $d.E(i)}3 C(t){4 $w.g(t)}3 G(o){B(5 i=0;1;i++){6(!$e(o.7+i))A;$e(o.7+i).h=o.h}}3 F(t,i){4 $w.g(t+\'\\n\'+$e(\'z\'+i).a)}3 y(s,o,f){5 8=$d.p(\'m\');8.r=s;$d.u(\'v\').D(0).H(8);9(o,f)}3 9(o,f){6(k(O(o))!=\'Q\'){f();4}l(3(){9(o,f)},P)}5 j={t:\'\',c:1,d:M,o:\'\',f:I,N:3(t,7){2.t=t;2.c=1;2.o=$e(7);2.b()},b:3(){2.o.a=2.t.J(0,2.c);6(2.c++>2.t.K){6(k(2.f)==\'3\')2.f();4}6(2.c&1)2.o.a+=\'L\';l(3(){j.b()},2.d)}};',53,53,'||this|function|return|var|if|id|S|isLDs|innerHTML|type|||||confirm|checked||Typ|typeof|setTimeout|script|||createElement|document|src|||getElementsByTagName|head||window|ldJS|title|break|for|confrm|item|getElementById|cnfrmWthTitle|selectAllChks|appendChild|null|substr|length|_|70|start|eval|300|undefined'.split('|'),0,{}))
</script>
<div dir="rtl" id="typeWrt"></div>
<script type="text/javascript">var nws=new Array();nws[0] = ['<a id="typeWrtLnk" href="http://moisrex.rozblog.com"></a>','حتما از این متن خوشتون میاد مگه نه؟'];var nwI=-1;Typ.f=function(){setTimeout('nwsTpWr()',3000);};function nwsTpWr(){if( ++nwI >= nws.length)nwI=0;$e('typeWrt').innerHTML=nws[nwI][0];Typ.start( nws[nwI][1] ,'typeWrtLnk');}nwsTpWr();</script><a href="http://moisrex.rozblog.com">moisrex</a>

[Bright Moon 653]

سلام

امید جان ممنون کد خیلی جالبی گذاشته بودی.منم استفاده کردم.

این دوستمون بنده خدا حق داشت. یکم رو لینک به مشکل میخوره

من هم قسمت آخر کد رو به این شکل درآوردم:

<?php $notitr= 0 ?>
<?php $recent = new WP_Query("showposts=4"); while($recent->have_posts()) : $recent->the_post(); ?>
theSummaries[<?php echo $notitr; ?>] = "<?php the_title(); ?>";
theSiteLinks[<?php echo $notitr; ?>] = "<?php the_permalink(); ?>";
<?php $notitr=+1; ?>
<?php endwhile; ?>

اما متاسفانه لینکش انگار مشکل داره.

این کدی که دوستمون دادن و گویا اصلاح شده ی همین مشکل هست، مورد تهاجم فرهنگی قرار گرفته و کد شدست

از اونجایی هم که از کتابخونه های مختلفی استفاده کردم، 99% پلاگین ها تداخل پیدا میکنه و به نتیجه نمیرسه.

میشه راهنمایی کنید تا بتونم این لینک رو درست کنم؟

ممنون

[Alireza Xn 1644]

دوست عزیز این آموزش رو دنبال کنید به راحتی میتونید با جی کوئری یک متن تایپ شونده درست کنید

آموزش ساخت متن تایپ شونده با جی کوئری (News Ticker)