【问题标题】:ImageFlow display default width heightImageFlow 显示默认宽度高度
【发布时间】:2013-11-07 16:13:58
【问题描述】:

这里有没有人使用http://finnrudolph.de/ImageFlow/ 调整我的图像大小,我希望它们看起来更大,我已经使用了这些设置......但是......那么任何人都可以帮助我吗?我希望 imagesz 以原始宽度和高度的 80-90% 显示

【问题讨论】:

    标签: javascript css image


    【解决方案1】:

    尝试增加以下属性的值:

    Name               Default value   Purpose
    --------           -------------   -------
    imageFocusM        1.0             Percent size of image in focus (1.0 = 100%)
    imagesHeight       0.67            Percent height of main div container (.67 = 67%)
    imagesM            1.0             Percent size of all images (not just in focus image)
    percentLandscape   118             Scale of landscape images
    percentOther       100             Scale of portrait or square images
    

    试试:

    1. imageFocusM = 1.8
    2. imagesHeight = 1.2
    3. imagesM = 1.8

    另外,很重要,别忘了img上的height和width属性:

    <img src="images/image1.jpg" width="400" height="275" alt="Image 1" />

    【讨论】:

      【解决方案2】:

      您是否尝试过 imagesM 设置? 在你的情况下:

      var imgFlow = new ImageFlow();
      imgFlow.init({ImageFlowID: 'your-flow-id-goes-here', aspectRatio: 1.0, imagesM: 0.8
      

      这可能行得通。

      【讨论】:

        【解决方案3】:

        我以前用过一次,我认为你需要调整“aspectRatio”。它默认为 1.964 尝试更改该值并查看您得到的结果。

        【讨论】:

          【解决方案4】:
          imagesM:            0.6,            /* Multiplicator for all images in percent */
          

          【讨论】:

            【解决方案5】:

            试试这个,

            $(window).load(function(){
                 var reflection_2 = new ImageFlow();
                 reflection_2.init({
                      ImageFlowID: 'reflection_2',
                      imageCursor: 'pointer',
                      circular: true,
                      reflections: false,
                      buttons: true
                 });
            });
            

            在窗口加载后加载你的 ImageFlow 插件

            【讨论】:

              猜你喜欢
              • 2011-08-17
              • 2016-02-11
              • 1970-01-01
              • 1970-01-01
              • 1970-01-01
              • 1970-01-01
              • 1970-01-01
              • 2011-08-16
              • 1970-01-01
              相关资源
              最近更新 更多