HTML Nivo滑块自动拇指与TimThumb

Posted 2021-05-24

Get yourself the TimThumb source and put it in the root of your site.

Create a folder in the root of your site named cache and set the permissions to 777.

Now open your nivo slider js file. Im using jquery.nivo.slider.pack.js, search for the first nivo-control.

<a rel="'+k+'"><img src="'+f.attr("rel")+'" alt="" /></a>

Now replace that with

<a rel="'+k+'"><img src="timthumb.php?src='+f.attr("src")+'&h=19&w=35" alt="" /></a>

The changes made are the timthumb.php addition to the image src and the attr change to src.

timthumb.php?src='+f.attr("src")+'&h=19&w=35

adjust the h= and w= to your liking.

Save the file and your good to go, no need to make thumbnails or anything else to the img tag in your nivo slider.

If you would like installation help just contact me via skype: blueicestudios

如何将视频添加到 nivo 滑块？

【中文标题】如何将视频添加到 nivo 滑块？

【英文标题】：How to add video to nivo slider?

【发布时间】：2012-05-06 06:03:08

【问题描述】：

我在主页中设置了 nivo 滑块。但是现在，我需要在该滑块中显示一个视频，但我发现 nivo 滑块 在我添加视频时会变得很糟糕：

<object type="application/x-shockwave-flash" data="URL"   title="#caption1">
                            <param name="movie" value="URL"></param>
                            <param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param>
                            <param name="wmode" value="transparent"></param>
                            <embed type="application/x-shockwave-flash" src="URL"  ></embed>
                        </object>

是否有人对 nivo core 进行了更改以允许添加视频功能或处理类似问题？

非常感谢！

【参考方案1】：

来自支持人员：

很遗憾，滑块目前仅适用于图像。

http://support.dev7studios.com/discussions/general-discussion/246-using-nivo-slider-for-youtube-videos#comment_12795752

也许你有幸使用动画 gif。

【讨论】：

jaajj 一个 gif，谢谢。有没有办法改变核​​心并添加视频功能？上帝，我将不得不改变孔结构......

@LeandroCusack 当然，您可以将此功能添加到 Nivo Slider，但这里讨论起来很复杂！

我喜欢复杂的东西，不知道你能不能“帮我一把”，我正在学习核心检测何时只识别图像

我认为修改一些方法是可以做到的，比如“createSlice”

@LeandroCusack，您是否成功地修改了 Nivo Slider 以使视频和图像一起显示？

【参考方案2】：

请改用Anything Slider。

来自官方网站：

特点：

面板是 HTML 内容（可以是任何东西）。

【参考方案3】：

您可以改用Nivo Gallery

【参考方案4】：

将BxSlider 用于图像和视频