如何使用窗口调整特定的幻灯片大小?

时间:2015-06-03 22:06:09

标签: javascript jquery html css

我用javascript完全垃圾,并在下面添加了幻灯片,并希望根据窗口大小调整大小。我试过搞乱JS小提琴,但似乎无法使其发挥作用。谁能告诉我下面的代码丢失了?我知道它根本不对,但似乎无法修复它,尝试了许多网站和视频......

以下是我的幻灯片div和javascript的一部分,不确定它是否有用:

<div id="sliderFrame">
<div id="slider">
<img src="images/slide1.jpg" />
<img src="images/slide2.jpg" />
<img src="images/slide3.jpg" />
<img src="images/slide4.jpg" />
<img src="images/slide5.jpg" />
</div>
</div>

var sliderOptions=
{
sliderId: "slider",
startSlide: 0,
effect: "6,15,1,2,11,12,13,15,16,5,7",
effectRandom: false,
pauseTime: 2600,
transitionTime: 500,
slices: 14,
boxes: 11,
hoverPause: 2,
autoAdvance: true,
captionOpacity: 0.5,
captionEffect: "rotate",
thumbnailsWrapperId: null,
m: true,
license: "mylicense"
};
var imageSlider=new mcImgSlider(sliderOptions);

javascript的最后一部分会持续一段时间...... 现在这里是我的窗口调整大小函数的javascript,它与我的幻灯片放置在同一个js文件中,如下所示:

addLoadEvent(function() {
$(window).resize(function() { 
#sliderFrame, #slider
});
}
很明显,它遗漏了一些东西。

1 个答案:

答案 0 :(得分:0)

使用此css属性调整窗口大小。 我在我的一张幻灯片中使用了这个。确保你有绝对的位置。

import matplotlib.pyplot as plt
import numpy as np

x = np.linspace(1, 40, 100);
y = np.linspace(1, 4, 100);

# Actually plot the exponential values
plt.plot(x, np.e**y)
ax = plt.gca()

# Set x logaritmic
ax.set_xscale('log')

# Rewrite the y labels
y_labels = np.linspace(min(y), max(y), 4)
ax.set_yticks(np.e**y_labels)
ax.set_yticklabels(y_labels)

plt.show()
相关问题