我需要在div中播放幻灯片,自动调整图像大小

时间:2015-10-22 06:07:46

标签: javascript html

我知道这似乎是一个很高的命令...但我只是试图为我自己创建一个已经为我做过的网站...请看看:

http://www.mw4man.net/

好的...我想自己创建该网站,以便能够直接通过域名帐户发布我有w / godaddy(而不是dns重定向w / sitey); &安培;我设法建立了所有那些消失的画廊展示。

我只需要做两件事: 1)我需要将它准确定位在主页上的位置(这就是为什么我提到将它放在div中...但是对其他途径开放)。 2)您看到的所有图像都具有不同的尺寸。不知何故,sitey在他们的编码中,使它们完美契合......可能是某种调整大小。

无论如何,如果有人可以拍摄一些简单的编码来在上面的链接上创建精确的幻灯片......我将非常感激

[顺便说一句......我已经尝试过将源代码复制/粘贴到我的Dreamweaver(2004)文件中(我建立自己的网站),但这不起作用。

非常感谢,

mw4man

1 个答案:

答案 0 :(得分:-1)

</div>
            <div class="site-element" element-id="id1436068811128" element-type="Gallery">
                <ol>
                    <li>
                        <div class="site-element" element-id="1442961625053" element-type="skinGalleryItem">
                            <div>
                                <div class="site-element" element-id="id1419681228504" element-type="skinHierarchyBox">
                                    <div class="element-children-container">
                                        <div class="site-element" element-id="id1419681228508" element-type="image"><img src="http://storage.googleapis.com/wzukusers/user-14244630/images/5599e2fa80570H3LNSu1/1-6-09_2.jpg" alt="1-6-09_2" width="500" height="330"></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="site-element" element-id="1442961625053" element-type="skinGalleryItem">
                            <div>
                                <div class="site-element" element-id="id1419681228504" element-type="skinHierarchyBox">
                                    <div class="element-children-container">
                                        <div class="site-element" element-id="id1419681228508" element-type="image"><img src="http://storage.googleapis.com/wzukusers/user-14244630/images/5599d8788d44a4oMCiOT/HedgeRow.Rt.68_10-72.gif" alt="HedgeRow.Rt.68_10-72" width="500" height="330"></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="site-element" element-id="1442961625053" element-type="skinGalleryItem">
                            <div>
                                <div class="site-element" element-id="id1419681228504" element-type="skinHierarchyBox">
                                    <div class="element-children-container">
                                        <div class="site-element" element-id="id1419681228508" element-type="image"><img src="http://storage.googleapis.com/wzukusers/user-14244630/images/5598a692d3947gOEZcZN/MF_Xmas_76.gif" alt="MF_Xmas_76" width="500" height="330"></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="site-element" element-id="1442961625053" element-type="skinGalleryItem">
                            <div>
                                <div class="site-element" element-id="id1419681228504" element-type="skinHierarchyBox">
                                    <div class="element-children-container">
                                        <div class="site-element" element-id="id1419681228508" element-type="image"><img src="http://storage.googleapis.com/wzukusers/user-14244630/images/5598a69203e40TlY6rJu/mf.gif" alt="mf" width="500" height="330"></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="site-element" element-id="1442961625053" element-type="skinGalleryItem">
                            <div>
                                <div class="site-element" element-id="id1419681228504" element-type="skinHierarchyBox">
                                    <div class="element-children-container">
                                        <div class="site-element" element-id="id1419681228508" element-type="image"><img src="http://storage.googleapis.com/wzukusers/user-14244630/images/55999f42df7e4THvzGUT/MF_E9.gif" alt="Walnford_MF_X_G_W138_III" width="500" height="330"></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="site-element" element-id="1442961625053" element-type="skinGalleryItem">
                            <div>
                                <div class="site-element" element-id="id1419681228504" element-type="skinHierarchyBox">
                                    <div class="element-children-container">
                                        <div class="site-element" element-id="id1419681228508" element-type="image"><img src="http://storage.googleapis.com/wzukusers/user-14244630/images/5599dc984d080HvgctcP/Mom4.jpg" alt="Mom4" width="500" height="330"></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="site-element" element-id="1442961625053" element-type="skinGalleryItem">
                            <div>
                                <div class="site-element" element-id="id1419681228504" element-type="skinHierarchyBox">
                                    <div class="element-children-container">
                                        <div class="site-element" element-id="id1419681228508" element-type="image"><img src="http://storage.googleapis.com/wzukusers/user-14244630/images/5599f93692aacaCGXWt5/TheOldMagnavox5.jpg" alt="TheOldMagnavox5" width="500" height="330"></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="site-element" element-id="1442961625053" element-type="skinGalleryItem">
                            <div>
                                <div class="site-element" element-id="id1419681228504" element-type="skinHierarchyBox">
                                    <div class="element-children-container">
                                        <div class="site-element" element-id="id1419681228508" element-type="image"><img src="http://storage.googleapis.com/wzukusers/user-14244630/images/5599d89285ed3AeivBwT/jejeep2.gif" alt="jejeep2" width="500" height="330"></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="site-element" element-id="1442961625053" element-type="skinGalleryItem">
                            <div>
                                <div class="site-element" element-id="id1419681228504" element-type="skinHierarchyBox">
                                    <div class="element-children-container">
                                        <div class="site-element" element-id="id1419681228508" element-type="image"><img src="http://storage.googleapis.com/wzukusers/user-14244630/images/5598a695bd350gYo9kmg/mf-jw-comp.gif" alt="mf-jw-comp" width="500" height="330"></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="site-element" element-id="1442961625053" element-type="skinGalleryItem">
                            <div>
                                <div class="site-element" element-id="id1419681228504" element-type="skinHierarchyBox">
                                    <div class="element-children-container">
                                        <div class="site-element" element-id="id1419681228508" element-type="image"><img src="http://storage.googleapis.com/wzukusers/user-14244630/images/5598a69183da8vIBUcHS/Jaws2C.gif" alt="Jaws2C" width="500" height="330"></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="site-element" element-id="1442961625053" element-type="skinGalleryItem">
                            <div>
                                <div class="site-element" element-id="id1419681228504" element-type="skinHierarchyBox">
                                    <div class="element-children-container">
                                        <div class="site-element" element-id="id1419681228508" element-type="image"><img src="http://storage.googleapis.com/wzukusers/user-14244630/images/5598a68fe88fe2xoyDI3/GreenwichNJ_025_filmgrain.gif" alt="GreenwichNJ_025_filmgrain" width="500" height="330"></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="site-element" element-id="1442961625053" element-type="skinGalleryItem">
                            <div>
                                <div class="site-element" element-id="id1419681228504" element-type="skinHierarchyBox">
                                    <div class="element-children-container">
                                        <div class="site-element" element-id="id1419681228508" element-type="image"><img src="http://storage.googleapis.com/wzukusers/user-14244630/images/5598a68ee8ccdd5Lnymd/GoldieXmas_12-08.gif" alt="GoldieXmas_12-08" width="500" height="330"></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="site-element" element-id="1442961625053" element-type="skinGalleryItem">
                            <div>
                                <div class="site-element" element-id="id1419681228504" element-type="skinHierarchyBox">
                                    <div class="element-children-container">
                                        <div class="site-element" element-id="id1419681228508" element-type="image"><img src="http://storage.googleapis.com/wzukusers/user-14244630/images/5598a68e74477pu6XGE5/glenadahouse_II.gif" alt="glenadahouse_II" width="500" height="330"></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="site-element" element-id="1442961625053" element-type="skinGalleryItem">
                            <div>
                                <div class="site-element" element-id="id1419681228504" element-type="skinHierarchyBox">
                                    <div class="element-children-container">
                                        <div class="site-element" element-id="id1419681228508" element-type="image"><img src="http://storage.googleapis.com/wzukusers/user-14244630/images/5598a68deb2476v13BmJ/CabooseMotel_10-08_13_fresco.gif" alt="CabooseMotel_10-08_13_fresco" width="500" height="330"></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="site-element" element-id="1442961625053" element-type="skinGalleryItem">
                            <div>
                                <div class="site-element" element-id="id1419681228504" element-type="skinHierarchyBox">
                                    <div class="element-children-container">
                                        <div class="site-element" element-id="id1419681228508" element-type="image"><img src="http://storage.googleapis.com/wzukusers/user-14244630/images/5599959575bbega5N3ZS/Boomers6.gif" alt="Boomers6" width="500" height="330"></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="site-element" element-id="1442961625053" element-type="skinGalleryItem">
                            <div>
                                <div class="site-element" element-id="id1419681228504" element-type="skinHierarchyBox">
                                    <div class="element-children-container">
                                        <div class="site-element" element-id="id1419681228508" element-type="image"><img src="http://storage.googleapis.com/wzukusers/user-14244630/images/5598a68cce4f09sBQuab/bones2g.gif" alt="bones2g" width="500" height="330"></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="site-element" element-id="1442961625053" element-type="skinGalleryItem">
                            <div>
                                <div class="site-element" element-id="id1419681228504" element-type="skinHierarchyBox">
                                    <div class="element-children-container">
                                        <div class="site-element" element-id="id1419681228508" element-type="image"><img src="http://storage.googleapis.com/wzukusers/user-14244630/images/5598a68c5d23cybx8xrF/BF_MF3.gif" alt="BF_MF3" width="500" height="330"></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="site-element" element-id="1442961625053" element-type="skinGalleryItem">
                            <div>
                                <div class="site-element" element-id="id1419681228504" element-type="skinHierarchyBox">
                                    <div class="element-children-container">
                                        <div class="site-element" element-id="id1419681228508" element-type="image"><img src="http://storage.googleapis.com/wzukusers/user-14244630/images/559997d786f0055Juutz/01819_MFIIG.gif" alt="01819_MFIIG" width="500" height="330"></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="site-element" element-id="1442961625053" element-type="skinGalleryItem">
                            <div>
                                <div class="site-element" element-id="id1419681228504" element-type="skinHierarchyBox">
                                    <div class="element-children-container">
                                        <div class="site-element" element-id="id1419681228508" element-type="image"><img src="http://storage.googleapis.com/wzukusers/user-14244630/images/5598a68a67741G2yl2W8/100_0588a.gif" alt="100_0588a" width="500" height="330"></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="site-element" element-id="1442961625053" element-type="skinGalleryItem">
                            <div>
                                <div class="site-element" element-id="id1419681228504" element-type="skinHierarchyBox">
                                    <div class="element-children-container">
                                        <div class="site-element" element-id="id1419681228508" element-type="image"><img src="http://storage.googleapis.com/wzukusers/user-14244630/images/559994c061e93XnmmDCA/Drums2_1-67.gif" alt="Drums2_1-67" width="500" height="330"></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="site-element" element-id="1442961625053" element-type="skinGalleryItem">
                            <div>
                                <div class="site-element" element-id="id1419681228504" element-type="skinHierarchyBox">
                                    <div class="element-children-container">
                                        <div class="site-element" element-id="id1419681228508" element-type="image"><img src="http://storage.googleapis.com/wzukusers/user-14244630/images/5599dcba769e2aUYIj3r/Rt.68_1-67.gif" alt="Rt.68_1-67" width="500" height="330"></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="site-element" element-id="1442961625053" element-type="skinGalleryItem">
                            <div>
                                <div class="site-element" element-id="id1419681228504" element-type="skinHierarchyBox">
                                    <div class="element-children-container">
                                        <div class="site-element" element-id="id1419681228508" element-type="image"><img src="http://storage.googleapis.com/wzukusers/user-14244630/images/5599ee8b94d78S453UGT/Rusty_11-03.gif" alt="Rusty_11-03" width="500" height="330"></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="site-element" element-id="1442961625053" element-type="skinGalleryItem">
                            <div>
                                <div class="site-element" element-id="id1419681228504" element-type="skinHierarchyBox">
                                    <div class="element-children-container">
                                        <div class="site-element" element-id="id1419681228508" element-type="image"><img src="http://storage.googleapis.com/wzukusers/user-14244630/images/5599f8b162fb1BzVV41u/mf3OSHP.jpg" alt="mf3OSHP" width="500" height="330"></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="site-element" element-id="1442961625053" element-type="skinGalleryItem">
                            <div>
                                <div class="site-element" element-id="id1419681228504" element-type="skinHierarchyBox">
                                    <div class="element-children-container">
                                        <div class="site-element" element-id="id1419681228508" element-type="image"><img src="http://storage.googleapis.com/wzukusers/user-14244630/images/5598a6962ad6cL5KLbsN/Moose25B.gif" alt="Moose25B" width="500" height="330"></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="site-element" element-id="1442961625053" element-type="skinGalleryItem">
                            <div>
                                <div class="site-element" element-id="id1419681228504" element-type="skinHierarchyBox">
                                    <div class="element-children-container">
                                        <div class="site-element" element-id="id1419681228508" element-type="image"><img src="http://storage.googleapis.com/wzukusers/user-14244630/images/5599dcaeb7e9bhbjKS91/rogers.jpg" alt="rogers" width="500" height="330"></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="site-element" element-id="1442961625053" element-type="skinGalleryItem">
                            <div>
                                <div class="site-element" element-id="id1419681228504" element-type="skinHierarchyBox">
                                    <div class="element-children-container">
                                        <div class="site-element" element-id="id1419681228508" element-type="image"><img src="http://storage.googleapis.com/wzukusers/user-14244630/images/5598a696e266bOyp5n34/sauce.gif" alt="sauce" width="500" height="330"></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="site-element" element-id="1442961625053" element-type="skinGalleryItem">
                            <div>
                                <div class="site-element" element-id="id1419681228504" element-type="skinHierarchyBox">
                                    <div class="element-children-container">
                                        <div class="site-element" element-id="id1419681228508" element-type="image"><img src="http://storage.googleapis.com/wzukusers/user-14244630/images/5599d839968e4uz2oF2v/101_0120_rt16.gif" alt="101_0120_rt16" width="500" height="330"></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="site-element" element-id="1442961625053" element-type="skinGalleryItem">
                            <div>
                                <div class="site-element" element-id="id1419681228504" element-type="skinHierarchyBox">
                                    <div class="element-children-container">
                                        <div class="site-element" element-id="id1419681228508" element-type="image"><img src="http://storage.googleapis.com/wzukusers/user-14244630/images/5599e8e3801ae4l9SPvA/CandyCupboard_BoxSide_2400.gif" alt="CandyCupboard_BoxSide_2400" width="500" height="330"></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="site-element" element-id="1442961625053" element-type="skinGalleryItem">
                            <div>
                                <div class="site-element" element-id="id1419681228504" element-type="skinHierarchyBox">
                                    <div class="element-children-container">
                                        <div class="site-element" element-id="id1419681228508" element-type="image"><img src="http://storage.googleapis.com/wzukusers/user-14244630/images/559b3ffaa6926vsgil3S/wld813-III.gif" alt="wld813-III" width="500" height="330"></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="site-element" element-id="1442961625053" element-type="skinGalleryItem">
                            <div>
                                <div class="site-element" element-id="id1419681228504" element-type="skinHierarchyBox">
                                    <div class="element-children-container">
                                        <div class="site-element" element-id="id1419681228508" element-type="image"><img src="http://storage.googleapis.com/wzukusers/user-14244630/images/55a95f6b15976NNauMUA/hsf_project_014.jpg" alt="hsf_project_014" width="500" height="330"></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="site-element" element-id="1442961625053" element-type="skinGalleryItem">
                            <div>
                                <div class="site-element" element-id="id1419681228504" element-type="skinHierarchyBox">
                                    <div class="element-children-container">
                                        <div class="site-element" element-id="id1419681228508" element-type="image"><img src="http://storage.googleapis.com/wzukusers/user-14244630/images/55ab1a030dea77QHTMMR/Walnford_MF_X_G_W138_V.jpg" alt="Walnford_MF_X_G_W138_V" width="500" height="330"></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="site-element" element-id="1442961625053" element-type="skinGalleryItem">
                            <div>
                                <div class="site-element" element-id="id1419681228504" element-type="skinHierarchyBox">
                                    <div class="element-children-container">
                                        <div class="site-element" element-id="id1419681228508" element-type="image"><img src="http://storage.googleapis.com/wzukusers/user-14244630/images/55adc4dc749554qKTSaJ/Lan.Co_10-08_18_coloredpencil.jpg" alt="Title 33" width="500" height="330"></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </li>
                </ol>
            </div>