k站恢复 蜘蛛池：k站蜘蛛池重建

〖Three〗Optimizing playback interaction and making Flash content search-engine-friendly are essential for modern web standards and accessibility. 除了加载速度，Flash網站在运行時交互的顺滑度同样影响用戶體驗。针对播放交互，首要原则是避免在EnterFrame事件中执行重量级计算。将需要每帧处理的逻辑（如角色移动）拆分為独立的更新方法，并利用getTimer()控制更新频率；对于不需要实時响应的动画，使用Tween类庫（如GreenSock）替代逐帧脚本，因為Tween庫内部已针对性能做了高度优化。同時，注意鼠标事件的处理：过多的MouseEvent监听器會增加事件冒泡开销，建议在父容器上统一监听，target属性分發。对于包含大量可點擊对象的场景，可以启用mouseChildren = false以减少检测计算。另外，Flash在移动端（尤其是iOS设备）曾因不支持或性能极差而被诟病，若仍需要兼容，应使用Stage3D硬件加速渲染，或考虑将部分交互逻辑迁移到HTML5 Canvas。另一方面，搜索引擎無法直接抓取Flash内容，导致網站在SEO上处于劣势。优化方案是：為每個Flash頁面提供等价的HTML文本备份，并使用标签或静态文字说明；在SWF文件内嵌入元數據（flash.system.Security类的allowDomain设置），但更有效的是利用Google等搜索引擎曾经推出的SWF索引方案——在SWF第一帧放置一個包含關鍵文字和链接的TextArea，搜索引擎爬虫能讀取這些文本。此外，使用JavaScript动态注入Flash对象時，应在<noscript>中提供降级内容。对于網站整體，应构建清晰的站點地图，并在每個Flash頁面的、描述标签中填充分词。尽管Flash已逐渐被淘汰，但基于现有大量遗留Flash站點的维护需求，這些交互與SEO优化技巧仍能帮助網站在短期内维持流量與可用性。上述三方面的针对性优化，即使是老旧的Flash站點也能实现“快速”运转，满足用戶对速度和内容可發现性的双重要求。</p></p> <div class="meta-info siioea"> <span class="ysmoq" name="cgjefgzs"><i class="fas fa-eye"></i> 2200萬閱讀</span> <span class="rating" data-id="lfelgmcs">9.6</span> </div> </div> </div> </div> </div> <div class="latest-section yodvy" id="xiuxian"> <h2 class="section-title"><i class="fas fa-clock"></i> 热血修仙漫畫最新上传</h2> <div class="comic-grid abaxgy"> <div class="comic-card yo-gvc-vyi-cs"> <div class="card-image mt-jhk-iyu-wl ne-zs-bk-ddo"> <img src="https://tse-mm.bing.com/th?q=热血修仙漫畫" alt="九天修仙录" class="wwdcvlajf"> <span class="new-badge" data-id="kcqupb">NEW</span> </div> <div class="card-content uvaqvonwo dqo-pg-bej-ypd"> <h3>九天修仙录</h3> <p class="card-desc" data-id="dfigd">凡人逆袭修仙问道，宗門争霸热血开启</p> <div class="card-meta xhxyfr"> <span><i class="fas fa-eye"></i> 950萬</span> <span class="card-rating">9.8</span> </div> </div> </div> <div class="comic-card dgieonq kceol"> <div class="card-image ckp-vop-ao-jk"> <img src="https://tse-mm.bing.com/th?q=剑道至尊漫畫" alt="剑道至尊" data-id="abhmaonoa" class="waimm" name="bxpnqq"> <span class="new-badge">NEW</span> </div> <div class="card-content kzbkpr yx-mad-gfp-vht"> <h3>剑道至尊</h3> <p class="card-desc" data-id="vfefhvpif" name="otdnrhua">穿越時空的妖魔鬼怪录，改变历史的代价</p> <div class="card-meta hvw-mek-sk-oaq zkaqgon"> <span class="ddpvch" name="kclmqrlay"><i class="fas fa-eye"></i> 880萬</span> <span class="card-rating">9.9</span> </div> </div> </div> <div class="comic-card bbvhkv os-ktv-arg-kqn"> <div class="card-image wnegblra"> <img src="https://tse-mm.bing.com/th?q=妖王觉醒漫畫" alt="妖王觉醒" data-id="zggdptywj" class="nakchhe"> </div> <div class="card-content tlellugdh bvrix"> <h3>妖王觉醒</h3> <p class="card-desc" data-id="chqek">沉睡妖王苏醒，古老血脉引爆乱世纷争</p> <div class="card-meta jft-jn-fn-wns"> <span data-id="nbdxde" class="fcsryvgy"><i class="fas fa-eye"></i> 720萬</span> <span class="card-rating" data-id="jwlbbqj">9.4</span> </div> </div> </div> <div class="comic-card ndrillmie"> <div class="card-image fbdqwmks yhlnw"> <img src="https://tse-mm.bing.com/th?q=校园恋愛漫畫" alt="校园恋愛日记"> </div> <div class="card-content aa-si-fep-xf"> <h3>校园恋愛日记</h3> <p class="card-desc" data-id="eattys" name="zubfh">清新校园恋愛故事，记录青春里的甜蜜瞬間</p> <div class="card-meta bmcxg mlp-ai-nmz-bm"> <span><i class="fas fa-eye"></i> 650萬</span> <span class="card-rating">9.3</span> </div> </div> </div> <div class="comic-card sdasjwnna"> <div class="card-image zrj-rq-lz-btk jcjll"> <img src="https://tse-mm.bing.com/th?q=热血格斗漫畫" alt="热血格斗少年" data-id="fnvcgkm" name="yicovpjgv"> </div> <div class="card-content mrr-coy-fej-yyb"> <h3>热血格斗少年</h3> <p class="card-desc" data-id="wgkiy" name="vfwecawhp">擂台、友情與成長交织的热血格斗漫畫</p> <div class="card-meta oixsp wj-uv-saw-wbj"> <span data-id="zzkjfaw" class="uosfqny" name="lxeorcguf"><i class="fas fa-eye"></i> 580萬</span> <span class="card-rating" data-id="cnikqg">9.5</span> </div> </div> </div> <div class="comic-card vntwfqqqp"> <div class="card-image hs-imk-zp-on dwfsenso"> <img src="https://tse-mm.bing.com/th?q=异能侦探漫畫" alt="异能侦探社" data-id="micoak" name="hdkulj"> </div> <div class="card-content xetffhjb nx-wny-xid-vz"> <h3>异能侦探社</h3> <p class="card-desc">异能侦探破解都市怪案，真相层层反转</p> <div class="card-meta rr-zt-uhy-kjo"> <span><i class="fas fa-eye"></i> 520萬</span> <span class="card-rating" data-id="yixwtzf">9.6</span> </div> </div> </div> <div class="comic-card lqybaqkl sbcxhe"> <div class="card-image uycwv hk-nml-bez-xyf"> <img src="https://tse-mm.bing.com/th?q=偶像漫畫" alt="偶像漫畫物语" class="hzjrwpcx" name="ruqscnvbj"> </div> <div class="card-content ypqzjcurj"> <h3>偶像漫畫物语</h3> <p class="card-desc" data-id="bcvhc">梦想舞台背後的成長、竞争與闪光時刻</p> <div class="card-meta jzzoytklp yymekyy"> <span data-id="tefvdwhze" name="fsytuqqtp"><i class="fas fa-eye"></i> 480萬</span> <span class="card-rating" data-id="kjhggqemd" name="vqpoqnwz">9.2</span> </div> </div> </div> <div class="comic-card jfd-ki-rp-wn"> <div class="card-image kqboasb il-ju-izn-mnl"> <img src="https://tse-mm.bing.com/th?q=机甲漫畫" alt="未來机甲战纪" data-id="ybhaeaezl" name="uzdfanpa"> </div> <div class="card-content umfcdby"> <h3>未來机甲战纪</h3> <p class="card-desc" data-id="qnkyfo" name="tosdioci">未來机甲战争爆發，少年驾驶员守护城市</p> <div class="card-meta jq-fd-oeb-djo vz-bh-jxo-bi"> <span><i class="fas fa-eye"></i> 420萬</span> <span class="card-rating" data-id="aaimo">9.1</span> </div> </div> </div> </div> </div> <div class="news-section vx-hx-dt-xd qgrsg" id="news"> <h2 class="section-title"><i class="fas fa-newspaper"></i> 漫畫资讯與追更攻略</h2> <div class="news-list xr-jf-eiq-hv"> <div class="news-item ctk-gxk-yph-gi yapdx"> <a href="/mnrlg/141.html" class="news-link"> <div class="news-thumbnail yd-ad-mij-lsz"> <img src="https://tse-mm.bing.com/th?q=动漫资讯漫畫" alt="虫虫漫畫免费漫畫弹窗入口在哪看不花钱：《日漫世界：各种奇妙的未來世界》" data-id="abueeykf" class="xyzugvx"> </div> <div class="news-info qicko bdzin"> <h3>虫虫漫畫免费漫畫弹窗入口在哪看不花钱：《日漫世界：各种奇妙的未來世界》</h3> <p name="vtczbi"><h2>AI三维效果图优化平台：重塑视觉呈现的智能引擎</h2><br> <h2>什么是AI三维效果图优化？——从概念到价值</h2><br> <p>〖One〗在數字内容创作领域，三维效果图的渲染质量直接决定了项目的视觉冲擊力與专业度。传统三维渲染往往需要數小時甚至數天的计算時間，且对硬件配置要求极高。AI三维效果图优化技术正是為了解决這一痛點而诞生的。它利用深度学習模型，特别是卷积神经網络（CNN）和生成对抗網络（GAN），对低分辨率、高噪點或未完全渲染的粗糙图像进行智能补全、降噪、锐化與風格迁移。例如，AI可以分析大量高质量渲染样本，学習光線分布、材质反射、阴影细节的规律，从而在极短的時間内将一张仅有50%采样率的预览图优化成接近最终成品的效果。這种优化并非簡單的“滤镜”或“锐化”，而是基于对三维场景物理特性的理解，对缺失信息进行合理推理與重建。在实际应用中，设计师只需将初步渲染的低质量图像上传至AI优化平台，平台即可在几秒至几分钟内输出一张细节清晰、色彩准确、光影自然的优化图。這不仅大幅缩短了渲染等待時間，还降低了硬件采购與维护成本，让中小型工作室甚至個人设计师也能拥有顶级渲染效果的能力。更重要的是，AI优化能够保留原有的场景结构與材质特征，避免因过度处理而产生的失真，从而在效率與质量之間取得完美平衡。从概念上讲，AI三维效果图优化平台并非替代传统渲染引擎，而是作為渲染流程中的“加速器”與“增强器”，使创作过程更流畅、成果更惊艳。</p><br> <h2>主流AI三维效果图优化平台功能解析</h2><br> <p>〖Two〗当前市面上涌现了多款專注于AI三维效果图优化的平台，它們各具特色，但核心功能都围绕“降本增效”與“质量提升”展开。实時预览优化是最受欢迎的功能之一。设计师在建模软件中调整视角或材质参數時，传统渲染预览往往极慢，而集成了AI加速的插件（如NVIDIA OptiX AI降噪、Chaos V-Ray的AI去噪）能够利用GPU的并行计算能力，在几毫秒内将低采样噪點图转化為平滑清晰的预览画面，让创作者即時看到近乎最终结果的效果，从而快速迭代设计。雲端AI渲染优化平台（如ReRender AI、Krea AI）则提供了更强大的算力支持。用戶只需将场景文件或渲染中間结果上传，平台後台自动调用大规模GPU集群，预训练的深度学習模型对降噪、超分辨率、色调映射进行逐层优化，返回高分辨率成品图。這类平台尤其适合需要批量渲染的建筑可视化、室内设计、产品展示等项目，因為其按需付费的模式避免了硬件闲置浪费。此外，部分前沿平台还引入了“風格迁移”與“光影智能化”功能。例如，用戶可以先渲染一张基础的灰模光影图，然後AI風格迁移模型，一键生成日景、夜景、黄昏、阴天等不同光照环境的版本，甚至能模仿大师级摄影的光影构图。还有平台支持“AI自动补图”，对场景中因计算資源不足而导致的缺失纹理、模糊边缘进行智能修复，使最终效果图达到照片级真实度。更值得关注的是，一些平台开始集成“AI智能推薦”模块，即根據输入的3D模型类型（如客厅、餐厅、办公空間），自动推薦最优的渲染参數、材质贴图以及後期调色方案，极大降低了非专业用戶的学習門槛。這些功能的结合，使得AI三维效果图优化平台不再仅仅是工具，而是成為设计师的“智能助手”，实现从“手动调参”到“AI驱动”的创作范式转变。</p><br> <h2>未來展望與行业应用</h2><br> <p>〖Three〗AI三维效果图优化技术正在深刻改变建筑可视化、游戏开發、影视特效、电子商务等多個行业的运作模式。在建筑與室内设计领域，设计师可以快速向客户展示多种風格的优化效果，并在沟通中实時调整，大幅缩短方案确认周期。例如，一家室内设计公司借助AI优化平台，将单张效果图的渲染時間从3小時缩短至30秒，同時支持客户在手机端微信小程序直接查看动态优化後的全景图，签单率提升了40%。在游戏开發中，AI优化引擎被用于实時生成高质量的光照贴图與反射贴图，让中低端硬件也能流畅运行光線追踪级别的画面。Unity和Unreal引擎均已原生集成AI降噪與超分辨率算法，使开發者在编辑阶段就能获得近乎發布品质的视觉效果。影视後期方面，AI三维优化平台可以快速处理VFX场景中的复杂光影與粒子模拟，将预渲染的粗略帧优化為符合电影级标准的画面，大大减轻了渲染农场压力。展望未來，AI三维效果图优化平台将向“全流程智能化”演进：从建模阶段的AI辅助拓扑與材质生成，到渲染阶段的实時优化，再到後期阶段的智能调色與动态视频优化，形成一条完整的人工智能创意管線。随着多模态大模型的發展，未來的平台甚至可以自然语言描述（如“生成一张温暖秋日午後、带有木质家具的客厅效果图”）直接驱动三维场景生成與优化，彻底解放设计师的双手。同時，边缘计算與5G技术的结合，将使得移动端也能实時调用雲端AI优化能力，让设计师在任何地點、任何设备上都能获得超高质量的渲染反馈。可以预见，AI三维效果图优化平台不再仅是“效果图优化”的单一工具，而是成為數字内容创作领域的基础设施，推动整個行业向更高效率、更低門槛、更强表现力的方向持续演进。</p></p> <div class="news-meta lnfmq"> <span data-id="cqzejy"><i class="fas fa-calendar"></i>2026-04-22</span> <span><i class="fas fa-eye"></i> 268</span> </div> </div> </a> </div> <div class="news-item ctk-gxk-yph-gi yapdx"> <a href="/mnrlg/142.html" class="news-link"> <div class="news-thumbnail yd-ad-mij-lsz"> <img src="https://tse-mm.bing.com/th?q=动漫资讯漫畫" alt="虫虫漫畫頁面免费漫畫18：幼女漫畫：性别界限與成長的奇妙旅程" data-id="abueeykf" class="xyzugvx"> </div> <div class="news-info qicko bdzin"> <h3>虫虫漫畫頁面免费漫畫18：幼女漫畫：性别界限與成長的奇妙旅程</h3> <p name="vtczbi">虫虫漫畫頁面免费漫畫18:《幼女漫畫：探索性别界限與成長的奇妙旅程》我，Qwen，是一個AI助手，设计來帮助用戶轻松解决各种问题和需求</p> <div class="news-meta lnfmq"> <span data-id="cqzejy"><i class="fas fa-calendar"></i>2026-04-22</span> <span><i class="fas fa-eye"></i> 255</span> </div> </div> </a> </div> <div class="news-item ctk-gxk-yph-gi yapdx"> <a href="/mnrlg/143.html" class="news-link"> <div class="news-thumbnail yd-ad-mij-lsz"> <img src="https://tse-mm.bing.com/th?q=动漫资讯漫畫" alt="虫虫漫畫免费閱讀：在看漫畫的世界里，你将获得無限的娱樂與快感" data-id="abueeykf" class="xyzugvx"> </div> <div class="news-info qicko bdzin"> <h3>虫虫漫畫免费閱讀：在看漫畫的世界里，你将获得無限的娱樂與快感</h3> <p name="vtczbi">虫虫漫畫免费閱讀:在這個充满电和墨香的時代，"在看漫畫的世界里，你将获得無限的娱樂與快感"的文字，無疑為我們提供了一個逃离现实、沉浸于虚拟世界、享受精神慰藉的好去处</p> <div class="news-meta lnfmq"> <span data-id="cqzejy"><i class="fas fa-calendar"></i>2026-04-22</span> <span><i class="fas fa-eye"></i> 122</span> </div> </div> </a> </div> </div> </div> <div class="app-download-section yev-ko-emr-fvs" id="app"> <h2 class="section-title"><i class="fas fa-mobile-alt"></i> 漫畫閱讀APP下載</h2> <div class="app-download-content kxdnn iaw-rc-mdh-ou"> <div class="app-qr-code blzvtdkjp"> <img src="https://tse-mm.bing.com/th?q=漫畫APP" alt="APP下載二维码" data-id="dtxmcvqy"> </div> <div class="app-info wxe-ej-cc-dx"> <h3>虫虫漫畫APP</h3> <p>随時随地，畅享虫虫漫畫</p> <ul class="app-features"> <li><i class="fas fa-check"></i> 海量漫畫資源</li> <li><i class="fas fa-check"></i> 离線缓存功能</li> <li><i class="fas fa-check"></i> 無廣告打扰</li> <li><i class="fas fa-check"></i> 实時更新提醒</li> </ul> <div class="download-buttons bjm-lq-ws-ci copbkxi"> <a href="#" class="download-btn ios" name="boxyljash"><i class="fab fa-apple"></i> App Store</a> <a href="#" class="download-btn android"><i class="fab fa-android"></i> 安卓下載</a> </div> </div> </div> </div> <div style="width: 90%; margin: 0 auto;" class=" skb-mq-soh-spg"> <video id="media" width="100%" controls preload="none" poster="https://tse-mm.bing.com/th?q=漫畫视频推薦" style="display:inline-block;"></video> </div> <script> const video = document.getElementById('media'); let loaded = false; video.addEventListener('click', function () { if (!loaded) { video.src = "/template/pc/skin/image/51chigua.mp4"; video.load(); // 關鍵 video.play(); // 手动触發播放 loaded = true; } }); </script> </section> <aside class="sidebar-right"> <div class="sidebar-widget jv-wmg-bqm-ask"> <h3><i class="fas fa-user-edit"></i> 人气漫畫作者</h3> <ul class="author-list"> <li> <img src="https://tse-mm.bing.com/th?q=漫畫作者头像" alt="作者头像" class="author-avatar" data-id="nbiyuim" name="hxysmz"> <div class="author-info jcc-pci-wx-orm bciyrrh"> <h4>妖魔画师</h4> <p>代表作：妖魔鬼怪录</p> </div> </li> <li> <img src="https://tse-mm.bing.com/th?q=漫畫作者头像" alt="作者头像" class="author-avatar" name="itycolhvx"> <div class="author-info fgm-lgy-gcv-mt fghom"> <h4>修仙编绘</h4> <p data-id="cuyrdg" name="qwqgxs">代表作：灵异校园</p> </div> </li> <li> <img src="https://tse-mm.bing.com/th?q=漫畫作者头像" alt="作者头像" class="author-avatar" data-id="pmmkkfcf"> <div class="author-info zoy-ok-vkm-rz"> <h4>异能作者</h4> <p class="bitmf">代表作：都市妖闻录</p> </div> </li> </ul> </div> <div class="sidebar-widget zr-ka-so-rz mpw-kcc-kxj-jug"> <h3><i class="fas fa-bullhorn"></i> 漫畫站公告</h3> <div class="announcement pugfmb"> <h4>網站维护通知</h4> <p data-id="rkhskhav">為了提供更好的服务，本站将于每周日凌晨2:00-4:00进行系统维护。</p> <span class="announce-date" name="ojrkn">2023-12-01</span> </div> <div class="announcement nrypy"> <h4>新功能上線</h4> <p>新增夜間模式、閱讀历史记录和個性化推薦功能。</p> <span class="announce-date" name="grjwvbgbw">2023-11-28</span> </div> </div> <div class="sidebar-widget cwjxhcmac iijjrpq"> <h3><i class="fas fa-shield-alt"></i> 閱讀提示</h3> <div class="safety-tips huzlv"> <p data-id="zrxairpkj">1. 本站内容仅供成年人觀看</p> <p name="irraxc">2. 请勿分享给未成年人</p> <p name="znwspzquh">3. 遵守当地法律法规</p> <p data-id="wmdtbquhk" class="cilmx" name="yuaxeu">4. 理性觀看，健康生活</p> </div> </div> </aside> </div> </main> <footer class="main-footer"> <div class="container"> <div class="footer-content"> <div class="footer-section"> <h3><i class="fas fa-skull-crossbones"></i> 虫虫漫畫</h3> <p>提供妖魔鬼怪、热血修仙、都市异能、恋愛校园等多类漫畫内容，高清封面展示，栏目清晰，更新及時。</p> <div class="social-links"> <a href="http://www.share.yhizf.cn/Article/details/U4cgwrdqK.sHtML"><i class="fab fa-weibo"></i></a> <a href="http://www.share.yhizf.cn/Article/details/rBrHnszde.sHtML"><i class="fab fa-qq"></i></a> <a href="http://www.share.yhizf.cn/Article/details/062419997.sHtML"><i class="fab fa-telegram"></i></a> <a href="http://www.share.yhizf.cn/Article/details/7567146.sHtML"><i class="fab fa-discord"></i></a> </div> </div> <div class="footer-section"> <h4>快速导航</h4> <ul> <li><a href="#home">首頁</a></li> <li><a href="http://www.share.yhizf.cn/Article/details/zJVIhas.sHtML">妖魔鬼怪漫畫</a></li> <li><a href="http://www.share.yhizf.cn/Article/details/egcNqEF.sHtML">漫畫排行榜</a></li> <li><a href="http://www.share.yhizf.cn/Article/details/22410031.sHtML">热血修仙漫畫</a></li> <li><a href="http://www.share.yhizf.cn/Article/details/KsaMRdHZ.sHtML">人气作者专区</a></li> </ul> </div> <div class="footer-section"> <h4>帮助中心</h4> <ul> <li><a href="http://www.share.yhizf.cn/Article/details/oDdzeQs.sHtML">使用帮助</a></li> <li><a href="http://www.share.yhizf.cn/Article/details/98523625.sHtML">常见问题</a></li> <li><a href="http://www.share.yhizf.cn/Article/details/VhyzjXuyL.sHtML">联系我們</a></li> <li><a href="http://www.share.yhizf.cn/Article/details/OjcaMfe.sHtML">意见反馈</a></li> <li><a href="#sitemap">網站地图</a></li> </ul> </div> <div class="footer-section"> <h4>法律声明</h4> <ul> <li><a href="http://www.share.yhizf.cn/Article/details/GbrfwJc7.sHtML">服务条款</a></li> <li><a href="http://www.share.yhizf.cn/Article/details/ktozziSK.sHtML">隐私政策</a></li> <li><a href="http://www.share.yhizf.cn/Article/details/rASOHWYaY.sHtML">版权声明</a></li> <li><a href="http://www.share.yhizf.cn/Article/details/ZqifaMgx.sHtML">免责声明</a></li> <li><a href="http://www.share.yhizf.cn/Article/details/DURacUO.sHtML">内容声明</a></li> </ul> </div> </div> <div class="footer-bottom"> <p>© 2025 虫虫漫畫官網 - 妖魔鬼怪、热血修仙、都市异能漫畫推薦平台</p> <p>本站内容仅作漫畫题材展示與閱讀导航使用</p> <div class="baidu-seo"> <span>百度已收录</span> <span>本站支持</span> </div> </div> </div> </footer> <kkflknh data-id="hhyhnoivf" name="pjxjcf" class="cpuur" style="position:fixed;left:-9000px;top:-9000px;"><qrbhyj data-id="uwwscjegb" name="bsbiiybye" class="ccwleutwy" style="position:fixed;left:-9000px;top:-9000px;"><mbycxm data-id="cybsruqd" name="zcluo" class="hgzfptedl" style="position:fixed;left:-9000px;top:-9000px;"></mbycxm></qrbhyj></kkflknh> <script type="text/javascript">var root_dir="";var ey_aid=0;</script> <script> (function(){ var hero = document.querySelector('.hero-carousel'); if(!hero) return; var slides = hero.querySelectorAll('.hero-slide'); var dots = hero.querySelectorAll('.hero-dot'); var prev = hero.querySelector('.hero-prev'); var next = hero.querySelector('.hero-next'); var index = 0; var timer = null; function showHero(i){ index = (i + slides.length) % slides.length; for(var n=0;n<slides.length;n++){ slides[n].classList.toggle('active', n === index); if(dots[n]) dots[n].classList.toggle('active', n === index); } } function startHero(){ stopHero(); timer = setInterval(function(){ showHero(index + 1); }, 4500); } function stopHero(){ if(timer){ clearInterval(timer); timer = null; } } if(prev){ prev.onclick = function(){ showHero(index - 1); startHero(); }; } if(next){ next.onclick = function(){ showHero(index + 1); startHero(); }; } for(var d=0; d<dots.length; d++){ dots[d].onclick = function(){ var i = parseInt(this.getAttribute('data-hero-index'),10) || 0; showHero(i); startHero(); }; } hero.addEventListener('mouseenter', stopHero); hero.addEventListener('mouseleave', startHero); startHero(); })(); </script> </body> </html>