[科技]基于jQuery全屏相册插件zoomVisualizer

摘要: [高新科技]根据jQuery全屏幕相册图片软件zoomVisualizer :04 访问数:根据jQuery全屏幕相册图片软件zoomVisualizer。它是一款根据jquery ui完成的相册图片软件,适用掩藏显示信息相册图片缩列图...

[科技]基于jQuery全屏相册插件zoomVisualizer  :04  浏览数:
基于jQuery全屏相册插件zoomVisualizer。这是一款基于jquery ui实现的相册插件,支持隐藏显示相册缩略图,支持左右箭头切换图片,支持放大缩及缩小图片。效果图如下: 实现的代码。 html代码:
 div id="zoom-visualizer" 
 div /div 
 div 
 div 
 div 
 div id="wrapper-fechar" 
 div 
 p Close /p 
 span /span /div 
 a href="" /a 
 div /div 
 /div 
 div id="zoom" 
 div 
 div 
 div 
 p Zoom Out /p 
 span /span /div 
 a href="#" /a /div 
 div id="wrapper-barra-zoom" 
 div 
 p Zoom /p 
 span /span /div 
 div span id="barra" strong id="scroll" /strong /span /div 
 /div 
 div 
 div 
 p Zoom In /p 
 span /span /div 
 a href="#" /a /div 
 div /div 
 /div 
 /div 
 div /div 
 /div 
 /div 
 div a href="" id="next" /a 
 div 
 img src="img/camiseta_hombre_jackknife_negra.jpg" 
 /div 
 a href="" id="before" /a 
 /div 
 div 
 a href="#" id="aba-lista" span Hide Thumbnails /span /a 
 div id="listagem-imagens" 
 div 
 a href="img/camiseta_hombre_jackknife_negra.jpg" alt="0" img src="img/camiseta_hombre_jackknife_negra-thumb.jpg" /a 
 a href="img/design.png" alt="1" img src="img/design-thumb.png" /a 
 a href="img/camiseta_hombre_lumberjack_blanca.jpg" alt="2" img src="img/camiseta_hombre_lumberjack_blanca-thumb.jpg" /a 
 a href="img/camiseta_hombre_mr-speed_blanca1.jpg" alt="2" img src="img/camiseta_hombre_mr-speed_blanca1-thumb.jpg" /a 
 div /div 
 /div 
 /div 
 /div 
 /div 
 /div 



联系我们

全国服务热线:4000-399-000 公司邮箱:343111187@qq.com

  工作日 9:00-18:00

关注我们

官网公众号

官网公众号

Copyright?2020 广州凡科互联网科技股份有限公司 版权所有 粤ICP备10235580号 客服热线 18720358503

技术支持:如何自己创建网站