ä½ å¯èƒ½çœ‹åˆ°çš„ç¯ç®±æ•ˆæžœï¼Œåœ¨æ‚¨çš„æ—…è¡Œåœ¨ç½‘ç»œä¸Šå·¥ä½œï¼Œè™½ç„¶ä½ å¯èƒ½ä¸çŸ¥é“,这是所谓的ç¯ç®±ã€‚从本质上讲,一个从图片廊的缩略图的访问者点击,和一个更大的版本出现在页é¢é¡¶éƒ¨ï¼Œè°ƒå…‰ï¼Œå®ƒèƒŒåŽçš„页é¢çš„内容。这ç§å¹¿æ³›ä½¿ç”¨çš„æ•ˆæžœï¼Œä½¿jQueryçš„ä½¿ç”¨ï¼Œæœ€åˆæ˜¯ç”±èŽ±å®‰å¾·ç½—å¾·ç»´åŸƒæ‹‰çš®å°¼å¥¥æ’°å†™ã€‚å®žé™…çš„ç¯ç®±æ•ˆæžœå°†ä¼šè§¦å‘我们我们的网页上设置的超链接。他们éžå¸¸å…‰æ»‘,并在本教程ä¸ï¼Œä½ å°†å¦ä¹ 如何构建一个Dreamweaverçš„ ï¼
首先,确认和下载本教程的项目文件。解压缩文件并å˜å‚¨åœ¨ä¸€ä¸ªä½ç½®çš„é¡¹ç›®æ–‡ä»¶ï¼Œä½ è¿˜è®°å¾—ä½ çš„æ¡Œé¢ä¸€æ ·ï¼Œã€‚里é¢çš„é¡¹ç›®æ–‡ä»¶çš„æ–‡ä»¶å¤¹ï¼Œä½ ä¼šå‘现2个文件夹,“资产â€å’Œâ€œå›¾åƒâ€ã€‚å®ƒä»¬åŒ…å«æˆ‘们需è¦çš„æ‰€æœ‰ç»„件。
çŽ°åœ¨ï¼Œç»§ç»æŽ¨å‡ºDreamweaverä¸ ï¼Œé€‰æ‹©â€œ 网站
下一æ¥ï¼Œåˆ›å»ºä¸€ä¸ªå…¨æ–°çš„空白文件,翻转到代ç 视图,然åŽå°†å…¶ç²˜è´´
æ¤ä»£ç 包å«é“¾æŽ¥åˆ°å¤–部JavaScriptå’ŒCSS文件,我们的页é¢éœ€è¦ï¼Œä»¥åŠä¸€äº›é¢å¤–çš„åŠŸèƒ½ã€‚ç¡®ä¿æ‚¨çš„æ–‡ä»¶ä¿å˜åˆ°ä½ 作为一个网站上é¢å®šä¹‰çš„æ–‡ä»¶å¤¹ã€‚
现在我们已ç»å‡†å¤‡å¥½é¡µé¢çš„ç»“æž„ï¼Œæ¡†æž¶ï¼Œå°†æŒæœ‰æˆ‘们的缩略图。继ç»å¹¶ç²˜è´´
æ£å¦‚ä½ å¯ä»¥çœ‹åˆ°ï¼Œæœ‰ä¸€ä¸ªå¤–部的“lightboxgalleryâ€
çŽ°åœ¨ï¼Œæˆ‘ä»¬éœ€è¦æˆ‘ä»¬çš„ç¼©ç•¥å›¾ã€‚ç¬¬ä¸€ç¼©å›¾æ‹–æ”¾åˆ°ä½ çš„å…‰æ ‡
我们在地方的缩略图,它现在的时间,以é…åˆèµ·æ¥ï¼Œç¯ç®±è„šæœ¬å‘ç”Ÿã€‚å¦‚å‰æ‰€è¿°ï¼Œæˆ‘们的ç¯ç®±è„šæœ¬æ˜¯è¶…é“¾æŽ¥å¼•å‘的,所以我们就去和设置æ¯å¹…图åƒçš„è¾ƒå¤§ç‰ˆæœ¬çš„é“¾æŽ¥ï¼Œç„¶åŽæµ‹è¯•我们的结果。
翻转到设计视图,选择第一个缩略图图形,然åŽå•击属性检查器“æµè§ˆæ–‡ä»¶â€ï¼ˆâ€œé“¾æŽ¥â€å—段æ—è¾¹çš„æ–‡ä»¶å¤¹å›¾æ ‡ï¼‰ã€‚å¯¼èˆªåˆ°ç›¸åº”çš„â€œimagesâ€æ–‡ä»¶å¤¹ä¸çš„åŽŸå›¾ã€‚åœ¨è¿™ç§æƒ…况下,“fullsize1.jpgã€‚â€æ¯ä¸ªç¼©ç•¥å›¾é‡å¤ï¼Œæ¯ä¸ªå…¨å°ºå¯¸å¯¹å£è”系起æ¥ã€‚
我们终于准备测试的东西ï¼ä¿å˜æ–‡ä»¶ï¼Œç„¶åŽé€‰æ‹©â€œ 文件â€
看看这些
You must be logged in to comment.