Easyslider 和 drupal 7

发布于 2024-12-26 04:01:55 字数 727 浏览 2 评论 0原文

我目前正在尝试使用 easy slider 来实现我的 drupal 实例。

我已经设法完成了大部分工作。请访问我的开发网站

http://www.iamvishal.com/dev/

如果您点击向右箭头图像会滑动,但在左侧您可以看到一些图像剪辑。

我尝试过 css 但我似乎无法摆脱它。任何建议将不胜感激。

干杯, 维沙尔

我设法解决了这个问题。 js 从 li 组件中获取整体宽度和高度 所以你需要改变css li细节。

#slider2{margin-top:1em;}
#slider li, #slider2 li{ 
    /* 
        define width and height of list item (slide)
        entire slider area will adjust according to the parameters provided here
    */ 
    width:416px;
    height:287px;
    overflow:hidden; 
    }   

I am currently trying to implement easy slider with my drupal instance.

I have managed to get it done for the most part . Pls visit my dev site at

http://www.iamvishal.com/dev/

If you click on the right arrow the image slides but on the left you can see a bit of the image clipping.

I tried css but I can't seem to get rid of it. Any advice will be much appreciated.

Cheers,
Vishal

I managed to solve it. The js is taking the overall width and height from the li components
So you need to change the css li details.

#slider2{margin-top:1em;}
#slider li, #slider2 li{ 
    /* 
        define width and height of list item (slide)
        entire slider area will adjust according to the parameters provided here
    */ 
    width:416px;
    height:287px;
    overflow:hidden; 
    }   

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

相权↑美人 2025-01-02 04:01:56

尝试 Nivo Slider

它真的很神奇而且易于使用。

Try Nivo Slider

It's really amazing and easy to use.

寻梦旅人 2025-01-02 04:01:56

我设法解决了它。 js 正在从 li 组件获取整体宽度和高度,因此您需要更改 css li 详细信息。

#slider2{margin-top:1em;}
#slider li, #slider2 li{ 
/* 
    define width and height of list item (slide)
    entire slider area will adjust according to the parameters provided here
*/ 
width:416px;
height:287px;
overflow:hidden; 
}   

I managed to solve it. The js is taking the overall width and height from the li components So you need to change the css li details.

#slider2{margin-top:1em;}
#slider li, #slider2 li{ 
/* 
    define width and height of list item (slide)
    entire slider area will adjust according to the parameters provided here
*/ 
width:416px;
height:287px;
overflow:hidden; 
}   
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文