0

我有一个 jQuery 幻灯片。它的所有文件都由 Dropbox 托管。因此，当我将我的 HTML 代码放到网上（获取 css 和 js 文件）时，它工作得很好。

问题是我想在它上工作的网站是一个 Jimdo 网站，而 Jimdo 不支持 jQuery。所以我唯一的希望是 iframe 我的 jQuery 幻灯片。但是我将在哪里托管我的小部件？

不是文件，是小部件本身......

这是 jQuery 幻灯片/小部件的 HTML 代码：

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <title>ResponsiveSlides.js &middot; Responsive jQuery slideshow</title>
        <link rel="stylesheet" href="https://dl.dropbox.com/u/12608183/ResponsiveSlides.js-master/responsiveslides.css">
        <meta name="viewport" content="width=device-width,initial-scale=1">
        <link rel="stylesheet" href="https://dl.dropbox.com/u/12608183/ResponsiveSlides.js-master/demo/demo.css">
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
        <script src="https://dl.dropbox.com/u/12608183/ResponsiveSlides.js-master/responsiveslides.min.js"></script>
        <script>
            // You can also use "$(window).load(function() {"
            $(function () {
                // Slideshow 1
                $("#slider1").responsiveSlides({
                    maxwidth: 800,
                    speed: 800
                });
            });
        </script>
    </head>
    <body>
        <div id="wrapper">
            <!-- Slideshow 1 -->
            <ul class="rslides" id="slider1">
                <li><img src="https://encrypted-tbn3.gstatic.com/images?q=tbn:ANd9GcTPlSuCpMPhKN_P3JFKD875c_Wsd5e_Xy5OJCHYsvLZ6s24820" alt=""></li>
                <li><img src="http://upload.wikimedia.org/wikipedia/commons/7/7c/Aspect_ratio_16_9_example.jpg" alt=""></li>
                <li><img src="https://encrypted-tbn1.gstatic.com/images?q=tbn:ANd9GcTnz-gglGHf9bY7P1Yu-qCFUlV9xh9pSOWFdeRPmJ3otTyWfjJw" alt=""></li>
            </ul>
        </div>
    </body>
</html>
4

1 回答 1

0

使用pastehtml并使用它的链接在 iframe 中显示它

于 2013-04-05T10:54:39.037 回答