mysqlデータベースからデータをロードする動的Webサイトを作成しようとしています。このjqueryスライダーも使用しました
以下は完全に機能するhtmlマークアップです
<div id="carousel">
<img src="images/002.jpg" />
<img src="images/003.jpg" />
<img src="images/004.jpg" />
<img src="images/005.jpg" />
<img src="images/006.jpg" />
<img src="images/007.jpg" />
<img src="images/008.jpg" />
<img src="images/009.jpg" />
<img src="images/010.jpg" />
</div>
<a href="#" id="ui-carousel-next"><span></span></a>
<a href="#" id="ui-carousel-prev"><span></span></a>
今、私は画像のURLをデータベースに保存しており、それらを取得してここでphpで使用したいので、次のことを行いました
echo "/*other markup code for the page which finally ends with this*/
<div id=\"carousel\">";
$image_name = mysql_query("SELECT * FROM images where category = 'current' ");
$image_url = array();
while( $image_row = mysql_fetch_assoc($image_name) )
{
$image_url[] = $image_row['url'];
}
$image_number = count($image_url);
$idi = 0;
while($idi<$image_number)
{
echo "
<img src=\""."$image_url[$idi]"."\" />";
$idi++;
}
echo "</div>
<a href=\"#\" id=\"ui-carousel-next\"><span></span></a>
<a href=\"#\" id=\"ui-carousel-prev\"><span></span></a>
*/other markup code for the page*/";
これを行うと、スライダーが機能しなくなり、エラーが表示されます
TypeError: data.lastPage[i] is undefined
if ( data.lastPage[i].get(0) === page[i].get(0) ) {
これはプラグインファイルです。
エコーするデータを分割する方法をいじってみましたが、
<div id="carousel">
が個別にエコーされる
<image src="image_source" />
</div>
一緒にエコーされますが、これら2つを分離しようとすると、エラーが発生します...