Dreamweaver ۾ هڪ رولولور تصوير ڪيئن ٺاهيو

هڪ روللوور تصويرون هڪ تصوير آهي جيڪا ڪجهه ٻيون تصويرون تبديل ٿي ويندي آهي جڏهن توهان يا توهان جي گراهڪ کي ماڊل مٿان اڇليندي آهي. اهي عام طور تي هڪ مرضي مطابق محسوس ڪرڻ لاء استعمال ٿيندا آهن جيئن ته بٽڻ يا ٽيب. پر توهان رولولوور تصويرون ٺاهي سگهو ٿا صرف ڪجهه بابت.

اهو سبق توهان جي ڊيلويور ۾ رول رولر تصويرون ٺاهڻ ۾ مدد ڏيڻ لاء ڊزائين ڪيل آهي. اهو مقصد آهي ڊيموويور جي هيٺيان نسخن استعمال ڪندي ماڻهن جي استعمال لاء:

گهربل اسٽس لاء

01 جو 06

شروع ڪر

شاسا روللوور تصوير جو مثال. تصويرون © 2001-2012 J سرينين - تصويرون بابت About.com
  1. Dreamweaver شروع ڪريو
  2. ويب پيج کوليو جتي توهان پنهنجو روللوور ڪريو ٿا

02 جو 06

روولوور تصويري تصويري اعتراض شامل ڪريو

تصوير جو جائزو وٺو اسڪرين شاٽ J Kyrnin پاران

Dreamweaver هڪ روللوور تصوير ٺاهي اهو آسان بڻائي ٿو.

  1. داخل ڪريو مينيو ڏانهن وڃو ۽ "تصويري آبجیکٹ" ذيلي مينيو ڏانهن.
  2. "تصوير روللوور" يا "رولولوور تصوير" چونڊيو

Dreamweaver جي ڪجهه پراڻن ورزن جي بجاء اهي تصويرون تصويرون "انٽرنيشنل تصويرون" سڏين ٿا.

03 جو 06

ويچارو Dreamweaver کي ڪهڙي تصويرون استعمال ڪرڻ لاء

مددگار ۾ وڌو. اسڪرين شاٽ J Kyrnin پاران

Dreamweaver هڪ ڊسڪ باڪس کي فيلڊ سان گڏ جيڪو توهان کي توهان جي روللوور تصويري ٺاهڻ لاء ڀرپور ڪرڻ جي ضرورت آهي.

تصوير جو نالو

ھڪ تصوير جو نالو چونڊيو جيڪو پيج لاء منفرد آھي. اهو سڀ هڪ لفظ هجڻ گهرجي، پر توهان نمبر، بيڪارس (_) ۽ هائفس (-) استعمال ڪري سگهو ٿا. اهو تبديلي ڪرڻ جي تصوير کي شناخت ڪرڻ لاء استعمال ڪيو ويندو.

اصل تصوير

هي اهو تصوير يا URL جو مقام آهي جيڪو هن صفحي تي شروع ڪندو. توھان ھن فيلڊ ۾ مائٽ يا مطمئن رستو URL استعمال ڪري سگھو ٿا. اهو هڪ تصوير هجڻ گهرجي جيڪو توهان جي ويب سرور تي موجود آهي يا توهان انهي صفحي سان اپلوڊ ڪنداسين.

روولوور تصويري

اهو تصوير آهي جنهن کي توهان مڇين جي تصوير تي ظاهر ٿيندو. جئين اصلي تصوير وانگر، اهو تصوير لاء هڪ مڪمل يا نسبتي رستو ٿي سگهي ٿو، ۽ اهو موجود هجي يا توهان کي اپ لوڊ ڪرڻ وقت اپلوڊ ٿيڻ گهرجي.

روولوور تصوير موڪليو

هي اختيار ڊفالٽ طرفان چونڊيو ويو آهي ڇاڪاڻ ته اها روللوور کي وڌيڪ جلدي سان مدد ڪري ٿي. روللوور تصوير اڳوڻي چونڊڻ سان، ويب برائوزر ان کي ڪئش ۾ محفوظ ڪندو جيستائين اهو مائوس مٿي ختم ڪندو.

متبادل متن

سٺو متبادل متن توهان جي تصويرن کي وڌيڪ رسائي ڏئي ٿي. ڪنهن به تصويرون شامل ڪرڻ وقت هميشه توهان ڪي قسم جا متبادل متن استعمال ڪرڻ گهرجن.

جڏهن ڪلڪ ڪيو، URL ڏانهن وڃو

اڪثر ماڻهو هڪ تصوير تي ڪلڪ ڪندا، جڏهن اهي هڪ صفحي تي ڏسندا. تنهنڪري توهان کي انهن کي ڪلڪ ڪرڻ جي عادت ۾ رهڻ گهرجي. هي اختيار توهان کي صفحي يا URL وضاحت ڪرڻ جي اجازت ڏئي ٿي ته هو ڏسڻ واري تصوير کي جڏهن اهي تصوير تي ڪلڪ ڪندا. پر هي اختيار نه آهي ته هڪ روللو ٺاهڻ جي ضرورت آهي.

جڏهن توهان سڀني شعبن کي مڪمل ڪيو آهي، ٺيڪ ڪريو ڪلڪ ڪرڻ لاء ڊوي ويور پنهنجو روللوڊو تصوير ٺاهي.

ايندڙ صفحي ۾ اسڪرپٽ ڏيکاريندو آهي جيڪا ڊوي ويور لکي ٿو.

04 جو 06

Dreamweaver توهان لاء جاوا اسڪرپٽ لکي ٿو

جاوا اسڪرپٽ اسڪرين شاٽ J Kyrnin پاران

جيڪڏهن توهان هن صفحي کي ڪوڊ ڏسڻ ۾ کليل آهيو ته توهان ڏسندا سين ته Dreamweaver جا توهان جي HTML دستاويزن جي هڪ سرڪ جاوا جاوا اسڪرپٽ ۾ داخل ڪري ٿي. اهو بلاڪ ۾ 3 افعال شامل آهن جيڪي توهان کي تصويرون سوپ ڪرڻ جي ضرورت هوندي آهي جڏهن ماؤس ان جي مٿان رکندي آهي ۽ اڳوڻو فنڪشن کي جيڪڏهن توهان انهي لاء چونڊيو.

فنڪشنل ايم_swapImgRestore ()
فنڪشنل ايم_فندوروب (اين، ڊي)
فنڪشنل ايم_swapImage ()
فنڪشنل ايم_preloadImages ()

05 جي 06

Dreamweaver HTML لاء Rollover لاء شامل ڪندو

HTML. اسڪرين شاٽ J Kyrnin پاران

جيڪڏهن توهان چونڊيو آهي ته Dreamweaver روللوور تصويرون اڳوڻي ڪريو، پوء توهان اڳوڻي اسڪرپٽ سڏڻ لاء توهان جي دستاويزن جي جسم ۾ HTML ڪوڊ ڏسي سگهو ٿا ته توهان جون تصويرون وڌيڪ جلدي لوڊ ڪندا.

onload = "MM_preloadImages ('shasta2.jpg')"

Dreamweaver پڻ توهان جي تصوير لاء سڀني ڪوڊ کي وڌائيندو آهي ۽ ان سان ڳنڍيل آهي (جيڪڏهن توهان هڪ URL شامل ڪيو آهي). روللوور حصو لنگر ۽ لئنگ جي خصوصيتن وانگر لنگر جي ٽيگ ۾ شامل ڪئي وئي آھي.

atmouseout = "ايم ايم ايس ايس ايم ايمگ ريسٽورور ()"
onmouseover = "ايم_ائيپ ايم ايمج ('Image1'، ''، 'shasta1.jpg'، 1)"

06 جي 06

ٽولو رولر مان ٽيسٽ ڪريو

شاسا روللوور تصوير جو مثال. تصويرون © 2001-2012 J سرينين - تصويرون بابت About.com

مڪمل فنڪشنل روللوور تصوير ڏسو ۽ شيط جي دماغ تي سکيو.