کد MARQUEE

[YOU 34]

با سلام

سمت چپ این سایت ( http://www.taleshan.org/ ) تعدادی عکس وجود داره که از پایین به بالا با مکث روی هر عکس در حرکت هستش میخواستم کسی کدش را داره ؟؟ بدون افزونه میخوام درست کنم

اگه امکان داره حرکتش از سمت چپ به راست باشه

ممنون

ویرایش شده مهر 91 توسط YOU

[Morteza 34190]

سلام

http://remysharp.com/demo/marquee.html
http://archive.plugins.jquery.com/plugin-tags/marquee

[YOU 34]

آقا مرتضی تشکر ولی آدرس اولی دادید کد marquee ساده هستش من میخوام وقتی عکسها به سمت چپ حرکت میکنن دقیقا مثل همون سایت بعد از حرکت هر عکس یه مکثی داشته باشه

بعد عکس بعدی حرکت کنه

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

ممنون

[imanfakhar 26231]

این چیزی که شما می خوای دیگه از marquee خارج می شه و باید سراغ js و jquery رو بگیری

http://www.dynamicdrive.com/dynamicindex2/sagscroller.htm

[imehrdad 44]

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

اینم کدش

<marquee behavior="scroll" direction="up" height="250" scrollamount="1" scrolldelay="10" onmouseover="this.stop()" onmouseout="this.start()">
<ul>
<li>لینک عکسهات</li>
<li>لینک عکسهات</li>
<li>لینک عکسهات</li>
<li>لینک عکسهات</li>
</ul>
</marquee>

[YOU 34]

این چیزی که شما می خوای دیگه از marquee خارج می شه و باید سراغ js و jquery رو بگیری

http://www.dynamicdr...sagscroller.htm

لطفا کد کاملشا با توضیحات میدید

ممنونم

[Morteza 34190]

دوست عزیز

همون صفحه رو باز کنید کدهاش پایین صفحه هستند.

[YOU 34]

دوست عزیز

همون صفحه رو باز کنید کدهاش پایین صفحه هستند.

در تعجبم 100 تا لینک میدید واسه راهنمایی ولی کدی که درخواست میکنیم را نمینویسید خوب اگه بلد بودیم خودمون سرچ میکردیم پیدا میکردیم مشکلمون را هم حل میکردیم

بازم با تشکر از زحمات شما هر چند ما کدی پیدا نکردیم

موفق و سربلند باشید

[Parsa 23463]

http://gmarwaha.com/jquery/jcarousellite/

[imanfakhar 26231]

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

این کد در هیدر کپی می شه

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<link rel="stylesheet" type="text/css" href="sagscroller.css" />
<script src="sagscroller.js">
/***********************************************
* SAG Content Scroller- © Dynamic Drive DHTML code library (www.dynamicdrive.com)
* Visit http://www.dynamicDrive.com for hundreds of DHTML scripts
* This notice must stay intact for legal use
***********************************************/
</script>
<style type="text/css">
/* #SAG scroller demo #1 */
div#mysagscroller{
width: 200px;  /*width of scroller*/
height:250px;
}
div#mysagscroller ul li{
background:navy;
color:white;
padding:5px;
margin-bottom:5px; /*bottom spacing between each LI*/
}
div#mysagscroller ul li:first-letter{
font-size:28px;
background:white;
color:black;
padding:0 2px;
margin-right:2px;
}

/* #SAG scroller demo #2 */
div#mysagscroller2{
width: 250px; /*width of scroller*/
height:300px;
border:7px solid #C0C0C0;
}
div#mysagscroller2 ul li img{
border-width:0;
display:block; /*this causes each image to be flush against each other*/
}
</style>
<script>
//SAG scroller demo #1:
var sagscroller1=new sagscroller({
id:'mysagscroller',
mode: 'manual' //<--no comma following last option
})
//SAG scroller demo #2:
var sagscroller2=new sagscroller({
id:'mysagscroller2',
mode: 'auto',
pause: 2500,
animatespeed: 400 //<--no comma following last option
})
</script>

این دو تا فایل دانلود می شند و بعد آپلود می شند روی سایت

http://www.dynamicdrive.com/dynamicindex2/sagscroller.js

http://www.dynamicdrive.com/dynamicindex2/sagscroller.css

همینطور اینها

http://www.dynamicdrive.com/dynamicindex2/ajaxloading.gif

http://www.dynamicdrive.com/dynamicindex2/down.gif

و این هم کد بخش داخل صفحه است

<div id="mysagscroller" class="sagscroller">
<ul>
<li>Ajax is a group of interrelated web development techniques used on the client-side to create interactive web applications.</li>
<li>XML's design goals emphasize simplicity, generality, and usability over the Internet.</li>
<li>SVG and HTML5's canvas element allow for the creation of simple graphical objects using programming.</li>
<li>The new audio and video elements of HTML5 offer an alternative to flash for embedding multimedia on the web.</li>
<li>CSS is a style sheet language used to describe the presentation semantics (the look and formatting) of a document written in a markup language.</li>
</ul>
</div>
<br />

<div id="mysagscroller2" class="sagscroller">
<ul>
<li><a href="#"><img src="http://i29.tinypic.com/xp3hns.jpg" /></a></li>
<li><a href="#"><img src="http://i26.tinypic.com/11l7ls0.jpg" /></a></li>
<li><a href="#"><img src="http://i31.tinypic.com/119w28m.jpg" /></a></li>
<li><a href="#"><img src="http://i27.tinypic.com/34fcrxz.jpg" /></a></li>
</ul>
</div>

اول تمام کدها را در یک فایل نوت پد قرار دهید و فایل را با پسوند htm در یک پوشه ذخیره کنید فایل های دانلود شده را هم داخل آن پوشه کپی کنید نوت پد را ببندید و صفحه ی ساخته شده را در بروسر باز کنید یکی از دو نمونه را انتخاب کنید

برای جاگذاری در وردپرس بجای کدهای بادی فقط کد دیو نمونه انتخاب شده را به کد منو اضافه کنید مثلا در صورت پسند نمونه 2 کد شما می شود

<div id="mysagscroller2" class="sagscroller">
<?php wp_menu(); ?> </div>

و باقی فایل ها را در روت وردپرس کپی می کنید و کد هیدر را هم بدون تغییر می گذارید

[imanfakhar 26231]

برای دانلود روی لینک ها راست کلیک کنید و save link as ... یا (save target) را انتخاب کنید

[YOU 34]

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