jQuery技术

55个最新jQuery幻灯(7)

字号+ 作者:H5之家 来源:H5之家 2018-02-10 10:08 我要评论( )

Multimedia Portfolio 2-jQuery slider Multimedia Portfolio 2 is a jQuery plug-in that can automatically detect the extension of each media and apply the adapted player. It supports images and videos.

55个最新jQuery幻灯

Multimedia Portfolio 2-jQuery slider

Multimedia Portfolio 2 is a jQuery plug-in that can automatically detect the extension of each media and apply the adapted player. It supports images and videos. Multimedia Portfolio uses simple HTML markup and it’s easy to use.

This slider is best suitable for showcasing products, services and even news.

Check out their demo.

46. JQuery Virtual Tour

55个最新jQuery幻灯

JQuery virtual tour

JQuery Virtual tour is an extension to the simple panorama viewer. This JQuery virtual tour allows you to transform some panoramic views into a virtual tour! It’s a great plug-in that is worth looking at.

You can find demo and download option here.

47.JQuery Vertical News Slider

55个最新jQuery幻灯

Vertical News slider – jQuery plug-in

JQuery Vertical News slider is very useful for websites that want to show some news or marketing campaigns on their site. It’s responsive and uses CSS3 animations. Vertical News slider also allows you to fully customise the style of the slider.

Check live preview here.

48. Multi item slider

55个最新jQuery幻灯

Multi item jQuery gallery

This gallery is also a tutorial how to create it on your own. Multi item jQuery gallery was inspired by Apple slider, that has shown multiple products at once. It’s fully responsive and flat designed with variety of effects.

Multi item jQuery gallery is very suitable for online stores for showcasing their products. It comes with simple navigation, as seen on a screenshot. The navigation is very useful to change between variety of categories.

For live preview click .

CSS Based Galleries

We have come to our last section, where you will find the best pure CSS Based Galleries. They may not be as popular but are sure worth a try. See it for yourselves.

49. HoverBox Image Gallery

55个最新jQuery幻灯

HoverBox Image Gallery

HoverBox Image Gallery is basically a super light-weight (8kb) roll-over photo gallery that uses nothing but CSS. For faster loading it only uses one image for thumbnail and roll-over preview. All major browsers are supported. HoverBox Image Gallery is free to use for your own projects.

It is best used as a photography showcasing for photographers, any type of portfolio and restaurant menus.

Live preview here.

50. CSS Image slider with 3-D transitions

55个最新jQuery幻灯

CSS3 image slider with 3-D transitions

CSS image slider is a experimental project that also includes full tutorial. For animation purposes it uses CSS and CSS3 techniques with the addition of 3-D effect on transitions. Intended usage is strictly as image slider.

CSS image slider can be used for product and service showcasing. In my opinion it could do well also as image slider in a full width article.

Check out live preview.

51. CSS3 animated image gallery

55个最新jQuery幻灯

CSS3 animated image gallery

CSS3 animated image gallery uses CSS3 and HTML5 to render effects. The images zoom in when you hover over. This enables a more detailed look. If you are interested, you can take on tutorial and create it yourself. Otherwise you can just download the source code.

CSS3 animated image gallery it’s suitable for photography showcasing.

Live preview is available here.

52. Filtronio CSS3 Portfolio ($5)

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • jQuery实现页面淡入淡出

    jQuery实现页面淡入淡出

    2018-02-10 14:01

  • 学习jQuery的each循环

    学习jQuery的each循环

    2018-02-10 08:04

  • jQuery实现的倒计时效果实例小结

    jQuery实现的倒计时效果实例小结

    2018-02-09 15:05

  • jQuery学习四:jQuery如何向页面中添加元素?

    jQuery学习四:jQuery如何向页面中添加元素?

    2018-01-28 16:01

网友点评