var t = n = i = 0, count;
$(function () {
count = $(".scroll_pic .scroll_item").length;//求出图片数量
$(".scroll_pic .scroll_item:not(:first)").hide();//隐藏第一张以外的所有图片
$("#scroll_button li").click(function () {
i = n = $(this).index();//index() 方法返回指定元素相对于其他指定元素的 index 位置。
$(".scroll_pic .scroll_item").eq(i).show().siblings().hide();//siblings()选择除自身以外的所有同胞元素
$(this).addClass("scroll_in").siblings().removeClass("scroll_in");
//鼠标经过图片区域停止setInterval()调用函数，移开恢复
});
t = setInterval("picShowAuto()", 3000);//setInterval() 方法会不停地调用函数，直到 clearInterval() 被调用或窗口被关闭
$(".scroll").hover(function () {
clearInterval(t)
}, function () {
t = setInterval("picShowAuto()", 3000);
});
});
function picShowAuto() {
n = n >= (count - 1) ? 0 : ++n;
$("#scroll_button li").eq(n).trigger("click");//trigger() 方法触发被选元素的指定事件类型
}
鏈湡鍒嗕韩鐨勫澶栫數鍟嗙煡璇嗘槸濡備綍闃叉Shopify璐﹀彿琚皝锛岄殢鐫€鐢靛晢鐨勫彂灞曪紝瓒婃潵瓒婂鐨勪汉閫夋嫨鍦⊿hopify涓婂紑璁剧綉搴椼€傜劧鑰岋紝鏈変簺鍗栧鍙兘浼氬洜涓轰竴浜涘師鍥犺€岄伃鍙楄处鍙峰皝绂佺殑鎵撳嚮锛岃繖瀵逛粬浠潵璇存槸闈炲父绯熺硶鐨勪簨鎯呫€傚洜姝わ紝浜嗚В濡備綍闃叉Shopify璐﹀彿琚皝浠ュ強濡備綍澶勭悊琚皝璐﹀彿鐨勬儏鍐靛氨鍙樺緱闈炲父閲嶈浜嗐€?/p>
涓€銆佸浣曢槻姝hopify璐﹀彿琚皝锛?/p>
1.涓嶈浠庝簨杩濇硶娲诲姩
Shopify鐨勬湇鍔℃潯娆句弗鏍肩姝㈠崠瀹朵粠浜嬩换浣曞舰寮忕殑杩濇硶娲诲姩銆傚鏋滄偍鐨勫簵閾烘秹鍙婂埌杩濇硶娲诲姩锛岄偅涔堟渶缁堝鑷寸殑缁撴灉灏辨槸璐﹀彿琚皝銆傚洜姝わ紝鍦ㄥ紑搴楀墠涓€瀹氳纭繚鑷繁鎵€缁忚惀鐨勪骇鍝佸拰鏈嶅姟閮芥槸鍚堟硶鐨勩€?/p>
2.閬靛畧瑙勫垯
闄や簡涓嶈繚娉曚箣澶栵紝鍗栧杩橀渶瑕佷弗鏍奸伒瀹圫hopify骞冲彴鎵€璁剧珛鐨勮鍒欍€備緥濡傦細鍟嗗搧鎻忚堪蹇呴』鍑嗙‘銆佷笉鑳芥伓鎰忚瘎浠风珵浜夊鎵嬬瓑銆傚彧鏈変繚鎸佽壇濂界殑琛屼负璁板綍锛屾墠鑳藉鑾峰緱椤惧鐨勪俊浠伙紝鎻愰珮搴楅摵鐨勪俊瑾夊害锛屼篃鎵嶈兘閬垮厤璐﹀彿琚皝鐨勯闄┿€?/p>
3.閬垮厤鍑虹幇绾犵悍
濡傛灉涓庡鎴峰嚭鐜颁簡绾犵悍锛屼竴瀹氳鍙婃椂瑙ｅ喅銆傚湪瑙ｅ喅闂鐨勮繃绋嬩腑锛屼笉瑕侀噰鍙栬繃浜庢縺鐑堢殑鎵嬫锛屼緥濡傦細浠ュ▉鑳佸拰鏂藉帇鐨勬柟寮忛€艰揩瀵规柟鎺ュ彈鑷繁鐨勬剰瑙併€傚惁鍒欙紝杩欎細寮曡捣瀹㈡埛鐨勪笉婊″拰鎶曡瘔锛岃繘鑰屽奖鍝嶅埌浣犵殑搴楅摵淇¤獕搴︺€?/p>
4.缁存姢璐︽埛瀹夊叏
缁存姢璐︽埛瀹夊叏鏄槻姝hopify璐﹀彿琚皝鐨勯噸瑕佹墜娈点€傚崠瀹跺簲璇ュ畾鏈熸洿鏀瑰瘑鐮併€佷笉鍦ㄥ叕鍏卞満鍚堜娇鐢⊿hopify璐﹀彿銆侀伩鍏嶉殢鎰忓垎浜处鍙蜂俊鎭瓑銆傚湪杩涜鎿嶄綔涔嬪墠锛屽缓璁厛纭閾炬帴鏄疭hopify瀹樻柟缃戠珯涓婄殑锛屼互闃插嚭鐜拌楠椾笂褰撶殑鎯呭喌銆?/p>
浜屻€佸鏋滆处鍙疯灏佷簡璇ユ€庝箞鍔烇紵
濡傛灉鍙戠幇鑷繁鐨勮处鍙疯灏侊紝棣栧厛瑕佸喎闈欐€濊€冿紝浜嗚В鍏蜂綋鍘熷洜锛屽苟閲囧彇鐩稿簲鐨勬帾鏂姐€備互涓嬫槸澶勭悊琚皝璐﹀彿鐨勫父瑙佹柟娉曪細
1.鑱旂郴瀹㈡湇
鍦ㄧ櫥褰昐hopify鏃讹紝濡傛灉鏄剧ず璐﹀彿琚皝锛屽垯鍙互閫氳繃鐢靛瓙閭欢鎴栫數璇濊仈绯籗hopify瀹㈡湇浜哄憳锛屼簡瑙ｅ叿浣撶殑灏佺鍘熷洜銆傚鏋滄槸璇皝鎴栬€呮湁寮傝锛屽彲浠ヨ繘琛岀敵璇夈€傚鏋滄槸鐪熷疄鐨勮繚瑙勮涓猴紝閭ｄ箞灏遍渶瑕佽鐪熸鏌ュ苟澶勭悊闂銆?/p>
2.娓呯悊璐︽埛
鍦ㄨ处鍙疯灏佸悗锛屽崠瀹堕渶瑕佽繘琛屽叏闈㈢殑璐︽埛娓呯悊锛屽寘鎷竻闄ょ浉鍏冲箍鍛娿€佷笅鏋跺晢鍝併€佸仠姝㈣惀閿€娲诲姩绛夈€傚鏋滄湁杩濊琛屼负锛岃鍙婃椂绾犳锛屽苟涓斿悜瀹㈡埛閬撴瓑銆?/p>
3.閲囧彇鍏朵粬鎺柦
濡傛灉閿€鍞钩鍙板皝绂佺殑鍘熷洜涓嶅湪鎮ㄦ墍閫掍氦鐨勭敵璇夎寖鍥翠箣鍐咃紝鎴栬€匰hopify瀹㈡湇娌℃湁缁欏嚭鍏蜂綋鐢宠瘔澶勭悊鏂瑰紡锛岄偅涔堝氨闇€瑕侀噰鍙栧叾浠栨帾鏂姐€備緥濡傦紝鍙互涓庝笓涓氱殑鐢靛晢鏈嶅姟鏈烘瀯鍚堜綔锛屾帴鍙楁寚瀵煎拰甯姪銆?/p>
鎬荤粨锛氶槻姝㈣灏佺殑鏈€绠€鍗曟柟娉曟槸鑷緥鍜屽悎娉曠粡钀ワ紝灏婇噸骞冲彴瑙勫垯銆侀伩鍏嶅彂鐢熺籂绾枫€佷繚璇佽处鎴峰畨鍏ㄦ€с€傚鏋滆处鎴疯灏侊紝闇€瑕佽鐪熷寰咃紝姝ｇ‘澶勭悊锛屼互閬垮厤褰卞搷鍒板悗缁數鍟嗙粡钀ョ殑鍙戝睍銆?/p>
