【问题标题】:Where can I host a jQuery slider/widget and iframe it?我在哪里可以托管 jQuery 滑块/小部件和 iframe?
【发布时间】:2013-04-05 19:10:10
【问题描述】:

我有一个 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>

【问题讨论】:

    标签: jquery html iframe web host


    【解决方案1】:

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

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2016-01-18
      • 1970-01-01
      • 1970-01-01
      • 2013-07-10
      • 1970-01-01
      相关资源
      最近更新 更多