0

我有一个问题，我在哪里可以得到这个 jquery 代码？我有一个带有图像的数据库我想要一个这样的 jquery 在我的网站上输出

我将制作一个这样输出的滑块

它会给我一张幻灯片，给我输出我已经有一个正在工作的数据库和 php 代码

澳大利亚

这是澳大利亚的失踪人员政府，我们的网站是这样的，我想要这样的 jquery，但我没有原始代码来做

澳大利亚失踪人员是下面的链接我不能在这里发布链接，因为它违反了发布链接的规则：D

试过了

从搜索，div，表到输出基本 jquery 的 jquery 不知道 jquery 的高级命令

试过这个链接唯一的问题是数据的while循环

查询数据

我编辑了旋转木马问题是我将如何放置它？

>     <?php
>     include_once('includes/dbConnect.php');
>     
>     
>     ?>
>     <?php
>     
>     $query=mysql_query("select * from persons order by rand()");
>     
>     while($test = mysql_fetch_array($query))  {
>     
>     }
>     
>     
>      ?>
>     [
>     {
>           "content": "<div class='slide_inner'><a class='photo_link' href='#'><img class='photo' src='banner_bike.jpg' alt='Bike'></a><a
> class='caption' href='#'>Sample Carousel Pic Goes Here And The Best
> Part is that...</a></div>",
>           "content_button": "<div class='thumb'><img src='f2_thumb.jpg' alt='bike is nice'></div><p>Agile Carousel Place
> Holder</p>"
>     },
>     {
>           "content": "<div class='slide_inner'><a class='photo_link' href='#'><img class='photo' src='banner_paint.jpg' alt='Paint'></a><a
> class='caption' href='#'>Sample Carousel Pic Goes Here And The Best
> Part is that...</a></div>",
>           "content_button": "<div class='thumb'><img src='f2_thumb.jpg' alt='bike is nice'></div><p>Agile Carousel Place
> Holder</p>"
>     },
>     {
>           "content": "<div class='slide_inner'><a class='photo_link' href='#'><img class='photo' src='banner_bike.jpg' alt='Bike'></a><a
> class='caption' href='#'>Sample Carousel Pic Goes Here And The Best
> Part is that...</a></div>",
>           "content_button": "<div class='thumb'><img src='f2_thumb.jpg' alt='bike is nice'></div><p>Agile Carousel Place
> Holder</p>"
>     },
>     {
>           "content": "<div class='slide_inner'><a class='photo_link' href='#'><img class='photo' src='banner_paint.jpg' alt='Paint'></a><a
> class='caption' href='#'>Sample Carousel Pic Goes Here And The Best
> Part is that...</a></div>",
>           "content_button": "<div class='thumb'><img src='f2_thumb.jpg' alt='bike is nice'></div><p>Agile Carousel Place
> Holder</p>"
>     },
>     {
>           "content": "<div class='slide_inner'><a class='photo_link' href='#'><img class='photo' src='banner_bike.jpg' alt='Bike'></a><a
> class='caption' href='#'>Sample Carousel Pic Goes Here And The Best
> Part is that...</a></div>",
>           "content_button": "<div class='thumb'><img src='f2_thumb.jpg' alt='bike is nice'></div><p>Agile Carousel Place
> Holder</p>"
>     },
>     {
>           "content": "<div class='slide_inner'><a class='photo_link' href='#'><img class='photo' src='banner_paint.jpg' alt='Paint'></a><a
> class='caption' href='#'>Sample Carousel Pic Goes Here And The Best
> Part is that...</a></div>",
>           "content_button": "<div class='thumb'><img src='f2_thumb.jpg' alt='bike is nice'></div><p>Agile Carousel Place
> Holder</p>"
>     },
>     {
>           "content": "<div class='slide_inner'><a class='photo_link' href='#'><img class='photo' src='Penguins.jpg' alt='Tunnel'></a><a
> class='caption' href='#'>Sample Carousel Pic Goes Here And The Best
> Part is that...</a></div>",
>           "content_button": "<div class='thumb'><img src='f2_thumb.jpg' alt='bike is nice'></div><p>Agile Carousel Place
> Holder</p>"
>     },
>     {
>           "content": "<div class='slide_inner'><a class='photo_link' href='#'><img class='photo' src='Penguins.jpg' alt='Tunnel'></a><a
> class='caption' href='#'>Sample Carousel Pic Goes Here And The Best
> Part is that...</a></div>",
>           "content_button": "<div class='thumb'><img src='f2_thumb.jpg' alt='bike is nice'></div><p>Agile Carousel Place
> Holder</p>"
>     }
>     
>     ]

这是我的图像和名称的查询

>  $query=mysql_query("select * from persons  order by date desc LIMIT
> 0,10 ");
> 
> > <img height=200 width=200 src=' upload/". $test['Image'] ."'/> <a href
> > ='profile.php?PersonID=$id'> ".$test['LastName'].", ". $test['FirstName']." ". $test['MiddleName']."</a>

我正在使用这个while循环进行搜索，它正确调用。

这是json代码

> <script>
> 
>     $.getJSON("agile_carousel_data.php", function (data) {
> 
>         $("#multiple_slides_visible").agile_carousel({
>             carousel_data: data,
>             carousel_outer_height: 230,
>             carousel_height      : 200,
>             slide_height         : 200,
>             carousel_outer_width : 480,
>             slide_width          : 260,
>             number_slides_visible: 3,
>             transition_time      : 330,
>             control_set_1: "previous_button,next_button",
>             control_set_2: "group_numbered_buttons",
>             persistent_content: "<p class='persistent_content'>Agile Carousel Example: Multiple Slides Visible</p>"
>         });
> 
>     })
> 
>  </script>

这是我在 data.php 中的 $data 的内容

> `<?php include_once('includes/dbConnect.php'); $data = array(); while
> ($test = mysql_fetch_array($query)) { $data[]['content'] = "<div
> class='slide_inner'><a class='photo_link' href='#'><img class='photo'
> src='{$test['image']}' alt='Bike'></a><a class='caption'
> href='#'>Sample Carousel Pic Goes Here And The Best Part is
> that...</a></div>" $data[]['content_button'] = "<div
> class='thumb'><img src='{$test['thumb']}' alt='bike is
> nice'></div><p>Agile Carousel Place Holder</p>" } echo
> json_encode($data); ?> `

上面的代码不会给我任何我包含我的数据库连接但仍然没有任何东西不会输出任何东西这里的链接再次链接原始网站

4

1 回答 1

1

寻找一个 jquery carousel 插件。
http://vandelaydesign.com/blog/tools/jquery-carousel-plugins/ http://www.webdesigntunes.com/freebies/30-amazing-free-jquery-slider-and-carousel-plugins-of-2013/

编辑：这有帮助吗？

$data = array();
$x = 0;
while ($test = mysql_fetch_array($query)) {
    $data[$x]['content'] = "<div class='slide_inner'><a class='photo_link' href='#'><img class='photo' src='{$test['image']}' alt='Bike'></a><a class='caption' href='#'>Sample Carousel Pic Goes Here And The Best Part is that...</a></div>";
    $data[$x]['content_button'] = "<div class='thumb'><img src='{$test['thumb']}' alt='bike is nice'></div><p>Agile Carousel Place Holder</p>";
$x++;
}
echo json_encode($data);
于 2013-08-02T19:13:15.820 回答