doumo6356
2013-08-02 18:57 阅读 112

json数据库使用while循环轮播类型jquery json获取json的图像设置数据

i have an problem where can i get the jquery code for this? i have a database with image i want a jquery like this to output in my website

i will make a slider that will output like that

it will give me a slide that gives me that output i already have a database and php code that is working

australia

this is an australian government for missing person and our site is like this i want a jquery like this but i don't have the code of the original to do that

missingpersons australia is the link below i can't post here the link because it violate the rules of posting links :D

tried

jquery from search,div,table to output basic jquery don't know advance commands for jquery

tried this link the only problem is the while loop for the data

jquerydata

i edited the carousel the problem is how will i put it?

>     <?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>"
>     }
>     
>     ]

here's the query of my image and name

>  $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>

i'm using this while loop for my search and it calls correctly.

and here's the json code

> <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>

this is the content of my $data in data.php

> `<?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); ?> `

the code above won't give me anything i included my database connection but still nothing won't output anything here's the link again link for the original website

  • 点赞
  • 写回答
  • 关注问题
  • 收藏
  • 复制链接分享

1条回答 默认 最新

相关推荐