ווי צו שאַפֿן אַ ראָללאָווער בילד אין דרעאַמוועאַווער

א ראָולאָוווער בילד איז אַ בילד אַז ענדערונגען צו עטלעכע אנדערע בילד ווען איר אָדער דיין קונה ראָולד די מויז איבער אים. דאס זענען קאַמאַנלי געניצט צו מאַכן אַ ינטעראַקטיוו פילן אַזאַ ווי קנעפּלעך אָדער טאַבס. אָבער איר קענען מאַכן ראָולאָוווער בילדער פון נאָר וועגן עפּעס.

דעם טוטאָריאַל איז דיזיינד צו העלפן איר שאַפֿן אַ ראָולאָוווער בילד אין דרעאַמוועאַווער . עס איז דיזיינד פֿאַר מענטשן דורך ניצן די ווייַטערדיק ווערסיעס פון דרעאַמוועאַווער:

באדערפענישן פֿאַר דעם טוטאָריאַל

01 פון 06

הייב אהן

שאַסטאַ ראָולאָוווער בילד בייַשפּיל. Photo © 2001-2012 דזש Kyrnin - בילד ליסענסעד צו About.com
  1. אָנהייב דרעאַמוועאַווער
  2. עפענען די וועב בלאַט ווו איר ווילן דיין ראָולאָוווער

02 פון 06

אַרייַנשטעלן אַ ראָולאָוווער בילד בילד כייפעץ

ינסערט בילד כייפעץ. סקרין שאָס דורך J Kyrnin

דרעאַמוועאַווער מאכט עס גרינג צו מאַכן אַ ראָולאָוווער בילד.

  1. גיין צו די ינסערט מעניו און אַראָפּ צו די "בילד אָבדזשעקץ" סאַב מעניו.
  2. סעלעקטירן "בילד ראָולאָוווער" אָדער "ראָללאָווער בילד"

עטלעכע עלטערע ווערסיעס פון דרעאַמוועאַווער רופן די בילד אָבדזשעקץ "ינטעראַקטיווע בילדער" אַנשטאָט.

03 פון 06

דערציילט דרעאַמוועאַווער וואָס בילדער צו נוצן

פּלאָמבירן די וויזערד. סקרין שאָס דורך J Kyrnin

דרעאַמוועאַווער פּאָפּס אַ דיאַלאָג קעסטל מיט די פעלד איר דאַרפֿן צו פּלאָמבירן אין צו מאַכן דיין ראָולאָוווער בילד.

בילד נאָמען

קלייַבן אַ בילד נאָמען וואָס איז יינציק פֿאַר די בלאַט. עס זאָל זיין אַלע איין וואָרט, אָבער איר קענען נוצן נומערן, ונדערסקאָאָרעס (_) און העפענס (-). דעם וועט זיין געניצט צו ידענטיפיצירן די בילד צו טוישן.

אָריגינעל בילד

דאָס איז דער URL אָדער פּלאַץ פון די בילד וואָס וועט אָנהייבן אויף די בלאַט. איר קענען נוצן קאָרעוו אָדער אַבסאָלוט וועג URL ס אין דעם פעלד. דעם זאָל זיין אַ בילד אַז יגזיסץ אויף דיין וועב סערווער אָדער אַז איר וועט צופֿעליקער מיט די בלאַט.

Rollover Image

דאס איז די בילד וואָס וועט דערשייַנען ווען איר מויז איבער דעם בילד. פּונקט ווי דער אָריגינעל בילד, דאָס קען זיין אַן אַבסאָלוט אָדער קאָרעוו וועג צו די בילד, און עס זאָל זיין אָדער צופֿרידן ווען איר צופֿעליקער די בלאַט.

פּרעלאָאַד ראָללאָווער בילד

דעם אָפּציע איז אויסגעקליבן דורך פעליקייַט, ווייַל עס העלפט די ראָולאָוווער דערשייַנען מער געשווינד. דורך טשוזינג צו פּרעלאָאַד די ראָולאָוווער בילד, די וועב בלעטערער וועט קראָם עס אין אַ קאַש ביז די מויז ראָללס איבער אים.

Alternate Text

גוט אָלטערנאַטיוו טעקסט מאכט דיין בילדער מער צוטריטלעך. איר זאָל שטענדיק נוצן עטלעכע טיפּ פון בייַטנ לויט דער ריי טעקסט ווען צו לייגן קיין בילדער.

ווען גיט, גיין צו URL

רובֿ מענטשן וועלן קליקט אויף אַ בילד ווען זיי זען איינער אויף אַ בלאַט. אזוי איר זאָל זיין אין די מידע פון ​​מאכן זיי קליקקאַבלע. דעם אָפּציע אַלאַוז איר צו ספּעציפיצירן די בלאַט אָדער URL צו נעמען די Viewer צו ווען זיי גיט אויף די בילד. אבער דעם אָפּציע איז נישט פארלאנגט צו שאַפֿן אַ ראָולאָוווער.

ווען איר 'ווע געענדיקט אַלע די פעלדער, גיט גוט צו דרעאַמוועאַווער שאַפֿן דיין ראָולאָוווער בילד.

דער ווייַטער בלאַט ווייזט די שריפט אַז דרעאַמוועאַווער שרייבט.

04 פון 06

דרעאַמוועאַווער שרייבט די דזשאַוואַסקריפּט פֿאַר איר

די דזשאַוואַסקריפּט. סקרין שאָס דורך J Kyrnin

אויב איר עפענען די בלאַט אין קאָד-מיינונג איר וועט זען אַז דרעאַמוועאַווער ינסערץ אַ בלאָק פון דזשאַוואַסקריפּט אין די <קאָפּ> פון דיין HTML דאָקומענט. דעם בלאָק כולל די 3 פאַנגקשאַנז איר דאַרפֿן צו האָבן די בילדער ויסבייַטן ווען די מויז ראָללס איבער זיי און די פּרעלאָאַד פֿונקציע אויב איר אַפּטיד פֿאַר וואָס.

פֿונקציע MM_swapImgRestore ()
פֿונקציע MM_findObj (n, d)
פֿונקציע MM_swapImage ()
פֿונקציע MM_preloadImages ()

05 פון 06

דרעאַמוועאַווער מוסיף די HTML פֿאַר די ראָולאָוווער

די HTML. סקרין שאָס דורך J Kyrnin

אויב איר האָט אויסגעקליבן דרעאַמוועאַווער פּרעלאָאַד די ראָולאָוווער בילדער, איר וועט זען דעם HTML קאָד אין דעם גוף פון דיין דאָקומענט צו רופן דעם פּרעלאָאַד שריפט אַזוי אַז דיין בילדער לאָוד מער געשווינד.

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

דרעאַמוועאַווער אויך מוסיף אַלע די קאָד פֿאַר דיין בילד און לינקס עס (אויב איר אַרייַנלאָזן אַ URL). די ראָולאָוווער חלק איז מוסיף צו די אַנקער טאַש ווי אָנמאָוסעאָווער און אָנמאָוסעאָוט אַטראַביוץ.

onmouseout = "MM_swapImgRestore ()"
onmouseover = "MM_swapImage ('Image1', '', 'shasta1.jpg', 1)"

06 פון 06

פּרובירן אויס די ראָולאָוווער

שאַסטאַ ראָולאָוווער בילד בייַשפּיל. Photo © 2001-2012 דזש Kyrnin - בילד ליסענסעד צו About.com

זען די גאָר פאַנגקשאַנאַל ראָולאָוווער בילד און לערנען וואָס ס אויף שאַסטאַ'ס מיינונג.