میخوام به همچین چیزی توی سایتم بزارم...

[tina.net]

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

http://perspolisnews.net/Nsite/
http://www.football3.ir/
مثلا توی سایت دومی تو عکس زیر نشون دادم منظورم چیه.
http://up.iranblog.ir/4/1260153193.jpg
خواهش میکنم اگه کسی بلده کمک کنه.
با تشکر.

[raziee]

Gridview امکانی برای ویرایش تمپلیت داره.
از اون میتونید استفاده کنید(در لینک اول قسمت های تکرار شونده)
در تصویر بالا هم از کنترلی به نام DetailsView استفاده کنید.

[tina.net]

مچکرم که جواب دادین، از DetailsView استفاده کردم اما 2 تا مورد:
1. نمیتونم کاری کنم اتوماتیک وار از خبر اول یکی یکی بره تا آخر.
2. وقتی مثلا می خوام از خبر 1 به 2 برم همه صفحه از اول لود میشه.

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

[A.S.Roma]

مچکرم که جواب دادین، از DetailsView استفاده کردم اما 2 تا مورد:
1. نمیتونم کاری کنم اتوماتیک وار از خبر اول یکی یکی بره تا آخر.
2. وقتی مثلا می خوام از خبر 1 به 2 برم همه صفحه از اول لود میشه.

خواهش میکنم اگه کسی بلده یه نمونه بزاره.
با تشکر.
ساده ترین راه ها :
1- استفاده از Timer
2- استفاده از UpdatePanel
اما هیچکدام از اون سایتها از اینا استفاده نمی کنن ، بلکه کل اطلاعات رو میارن سمت کلاینت و اونجا به یوزر نشون می دن !

[Alireza_Salehi]

بهترین راه استفاده از jquery هستش، سبک و بدون مشکل در همه مرورگرها...

اینها رو ببین: (با یه کم خلاقیت میتونی چیزهای فوق العاده ای بسازی)
http://51feeling.com/
http://marghoobsuleman.com/jQuery-common-accordion

http://www.serie3.info/s3slider/demonstration.html
http://www.position-relative.net/creation/productPlacement/

http://cssglobe.com/lab/easyslider1.5/05.html

http://jqueryui.com/demos/accordion/#fillspace
http://jqueryfordesigners.com/coda-slider-effect/
http://www.sohtanaka.com/web-design/examples/display-switch/# (http://www.sohtanaka.com/web-design/examples/display-switch/)
http://blog.position-absolute.com/javascript-jquery/hover-image-link-fader-with-jquery/

[tina.net]

سلام.
میشه یه نفر یه نمونه بزاره خیلی احتیاج دارم...

[Alireza_Salehi]

این هم یک مثال با این دو تا اسکریپت:
http://www.serie3.info/s3slider/demonstration.html
http://www.ezjquery.com/

خیلی سریع و ساده نوشته شده، اگر خودتون کمی خلاقیت به خرج بدید و یه کم CSS چاشنی کار کنید خیلی زیبا خواهد شد.

[Alireza_Salehi]

این هم یکی دیگه فکر میکنم راحت تر به اون عکس مورد نظر شما تبدیل میشه:
http://www.dynamicdrive.com/dynamicindex17/featuredcontentglider.htm

[tina.net]

http://www.dynamicdrive.com/dynamicindex17/featuredcontentglider.htm
آدرس بالا رو چک کردم این دقیقا چیزیه که من میخوام ولی هر کاری گفته بود انجام دادم اما درست نشد که نشد، معزرت میخوام فکر کنم به خاطر مبتدی بودن خودمه.
بابت پروژه هم مچکرم مطالب مفیدی ازش یاد گرفتم.

[Alireza_Salehi]

http://www.dynamicdrive.com/dynamicindex17/featuredcontentglider.htm
آدرس بالا رو چک کردم این دقیقا چیزیه که من میخوام ولی هر کاری گفته بود انجام دادم اما درست نشد که نشد، معزرت میخوام فکر کنم به خاطر مبتدی بودن خودمه.
بابت پروژه هم مچکرم مطالب مفیدی ازش یاد گرفتم.

برای کار با این جور پلاگین ها معمولا 3 مرحله داریم:
1. افزودن رفرنس ها (استایل ها و اسکریپت ها )به بالای صفحه
2. افزودن محتوای پلاگین به صفحه
3. تولید قسمت تکرار شونده (همون اخبار) پلاگین با Repeater

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

کدت رو بذار ببینیم چی کار کردی.

[hamid1988]

دوست عزیز arsp_2004 (http://barnamenevis.org/forum/showthread.php?t=193609) من دنبال نمونه پروژه های JQuery در Asp.Net می گردم (مثل نمونه ای که گذاشته اید)، لطفاَ اگر باز هم از این پروژه ها دارید برای دانلود بزارید.
ممنون

[Alireza_Salehi]

نمونه پروژه ندارم، نمیدونم هم که از کجا میشه پیدا کرد، کافیه javascript و CSS و ASP.NET رو خوب بلد باشید. استفاده از این جور پلاگین ها و تغییر ظاهرشون فقط یه کمی خلاقیت می خواد.
اون پروژه رو هم محض سرگرمی نوشتم!

سایت خاصی که به طور جدی ادغام ASP.NET و javascript باشه تا حالا ندیدم!
البته ویدئو های MVC که در سایت خود ASP.NET هست یه کمی با jquery کارکرده...

فکر کنم بشتر باید دنبال این باشید که چه طوری از جاوااسکریپت در ASP.NET استفاده کنید.

[tina.net]

بچه ها از همون چیزی که تو پست 1 گفتم اگه میشه یه نفر یه نمونه بزاره ، خیلی احتیاج دارم.
با تشکر.

[tina.net]

Buzz!Buzz!

[fozolefozola]

این هم یک مثال با این دو تا اسکریپت:
http://www.serie3.info/s3slider/demonstration.html
http://www.ezjquery.com/

خیلی سریع و ساده نوشته شده، اگر خودتون کمی خلاقیت به خرج بدید و یه کم CSS چاشنی کار کنید خیلی زیبا خواهد شد.

سلام

ممنون از پروژه اي كه گذاشتين
من اين پروژه در پروژه خودم استفاده كردم و سايزش رو تغيير دادم ولي توي پروژه يك نقطه هست كه فاصله ميندازه يا اينكه قسمتي از تصوير و نمايش نميده
اين نقطه(•) در حالت عادي ديده نميشه ولي اين مشكل و بوجود مياره
چطوري ميشه اين نقطه(•) رو برداشت

هر چي گشتم نتونستم برش دارم
براي دقيقتر ديدن نقطه
overflow: hidden
را پاك كنيد
توي اين قسمت مي تونيد پاكش كنيد


#s3slider
{
width: 280px; /* important to be same as image width */
height: 375px; /* important to be same as image height */
position: relative; /* important */
overflow: hidden; /* important */
}

[siavash_n]

من یه نمونه که تو سایت code project بهش برخوردم رو واستون قرار میدم.امیدوارم به درد بخوره.
باید این رو هم بگم که توی این نمونه که یه وب کنترل با سورس هستش ، منبع آدرس عکس ها فایل XML هستش.

http://www.codeproject.com/KB/user-controls/ASPNET-slideshow-control.aspx

موفق باشد .

[Alireza_Salehi]

سلام

ممنون از پروژه اي كه گذاشتين
من اين پروژه در پروژه خودم استفاده كردم و سايزش رو تغيير دادم ولي توي پروژه يك نقطه هست كه فاصله ميندازه يا اينكه قسمتي از تصوير و نمايش نميده
اين نقطه(•) در حالت عادي ديده نميشه ولي اين مشكل و بوجود مياره
چطوري ميشه اين نقطه(•) رو برداشت

هر چي گشتم نتونستم برش دارم
براي دقيقتر ديدن نقطه
overflow: hidden
را پاك كنيد
توي اين قسمت مي تونيد پاكش كنيد


#s3slider
{
width: 280px; /* important to be same as image width */
height: 375px; /* important to be same as image height */
position: relative; /* important */
overflow: hidden; /* important */
}

تون نقطه به خاطر اینه که تگ li استفاده شده با css میتونید خیلی راحت مخفیش کنید.

[siavash_n]

همونطوری که دوستمون گفتن با استفاده از css البته واسه تگ ui ویژگی زیر رو ست کنید :

list-style: none;

موفق باشید.

[tina.net]

سلام.
با تشکر از آقا سیاوش که نمونه خوبی گذاشتن.
ولی این نمونه برای نمایش عکسه، من یه نمونه میخوام که اخبار سایتمو نشون بده که یه قسمتش عکس مربوط به خبر، و یه قسمتش تیتر خبر باشه.
یه نمونه دیگه اینجا هست که خیی قشنگه:

http://www.footballema.com/html/

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

[Alireza_Salehi]

سلام.
با تشکر از آقا سیاوش که نمونه خوبی گذاشتن.
ولی این نمونه برای نمایش عکسه، من یه نمونه میخوام که اخبار سایتمو نشون بده که یه قسمتش عکس مربوط به خبر، و یه قسمتش تیتر خبر باشه.
یه نمونه دیگه اینجا هست که خیی قشنگه:

http://www.footballema.com/html/

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

بنده و دیگر دوستان چندین مثال قرار دادیم که صرفا با معلومات اولیه طراحی وب میتونستید اونها رو به شکل مورد نظر خودتون تبدیل کنید، ولی باز هم سوال میکنید این کنترل اسمش چیه!

این لینک دقیقا همون کارو میکنه ولی توجه نکردید:
http://www.dynamicdrive.com/dynamicindex17/featuredcontentglider.htm

غیر از اون اگر news slider رو در گوگل جستجو میکردید صدها مثال دیگه هم بدست می آوردید.

به شما پیشنهاد میکنم در دوره مقدماتی طراحی وب شامل css و html و javascript شرکت کنید.