在页面底部滚动图像

时间:2015-08-12 07:13:14

标签: html5 scroll

  1. 我需要创建一个网页,页面底部有50像素的高度,页面顶部是博客/文字。

  2. 用户应该能够在底部向左或向右滚动图像,当他们点击照片时,它会放大到博客中的照片。

  3. 当用户在底部div左右滚动时,照片会加载。

  4. 示例:

    https://www.google.com/maps/place/Yosemite+National+Park/@37.74145,-119.59168,3a,75y,90t/data=!3m8!1e2!3m6!1s15587532!2e1!3e10!6s%2F%2Fstorage.googleapis.com%2Fstatic.panoramio.com%2Fphotos%2Fsmall%2F15587532.jpg!7i1536!8i2048!4m2!3m1!1s0x8096f09df58aecc5:0x2d249c2ced8003fe!6m1!1e1

1 个答案:

答案 0 :(得分:0)

如果您发布代码,那么我们可以提供更好的帮助,但如果您还没有写任何内容,那么值得查看类似以下链接的内容(那里有很多内容)

您正在谈论的缩放通常被称为灯箱(图像背后变暗或变亮的背景)

lightbox example

您似乎也在描述两件事:   - 页脚中的水平图库显示   - 从博客中点击的图片

如果你已经建立了一个博客,那么你应该查看相关的文档(假设你已经使用了像Wordpress这样的东西),因为他们可能已经有了解决方案或插件。