Question

我对编程很陌生，我正在为一个插座写一个非常简单的网站，有4页：家庭，美容，健康，联系。

本网站将成为此商店文章的展示厅，将根据其感兴趣的领域显示在网站的两个部分。

承包商当然希望能够在他想要的时候自己上传文章，所以我在php中构建了一个简单的应用程序，带有登录，管理页面，他可以在那里写标题，价格，描述和上传文章的图像。

一切都很好，php程序还可以，上传顺利，带有文章的页面是由php程序自动生成的，它通过一段时间循环从mysql数据库获取数据。

我无法解决的最后一个问题是主页中的Slider。文章页面中的相同内容必须在主页中显示，而不是一个在另一个下面，而是必须在div中滚动，当然文章的div由php程序生成。

现在，我在javascript中并不是那么棒，所以我不知道我是以正确的方式做到这一点，还是我使用的jquery插件出了问题。

代码是这样的：

在标题中：

<script src="js/jquery.jshowoff.min.js" type="text/javascript"></script>

在身体中：

<div id="vetrina">

<?php
include "database.php";
$connection = Database::getConnection();
$query = ("SELECT * FROM `articoli` WHERE (`importante_art` = 'si') ORDER BY `id_art`     DESC");
$ris = $connection->query($query) or die (mysqli_error())
$row_cnt = $ris->num_rows;
if(($row_cnt) > 0){                       
    $row = "";
    while ($row = mysqli_fetch_array($ris)){
        $id_post = $row['id_art'];
        $titolo_post = stripslashes($row['titolo_art']);
        $testo_post = stripslashes($row['descrizione_art']);
        $immagine_post = $row['immagine_art'];
        $prezzo_post = $row['prezzo_art'];

        echo '<div class="evidenziato">';
        echo '<h4 class="titolo_evidenziato">'.$titolo_post.'</h4>';
        echo '<p class="prezzo">'.$prezzo_post.'</p>';
        echo '<img class="img_evidenziato" src='.$immagine_post.'></img>';
        echo '<p class="descrizione_articolo">' . $testo_post . '</p>';
        echo '</div>';                                          
    } 
}else{
    echo "Right now there are no articles to display";
}
?>

</div>

<script type="text/javascript">     
$(document).ready(function(){ $('#vetrina').jshowoff(); });
</script>

我使用了showoff插件，应该做我想要的。

http://ekallevig.com/jshowoff/

我不知道我做错了什么......：我甚至试图在没有php程序的情况下进行幻灯片放映，通过simpli输入文章，但没有。

我尝试了5种不同的插件。

也许只是因为我在基地做错了什么。

无论如何，我的div出来了，我看到他们都在那里，但他们只是不会滑...

Answer 1

如http://ekallevig.com/jshowoff/网站

所述

对于jshowoff需要两个文件。

   1). the jQuery Core JavaScript Library (1.3+)
   2). jquery.jshowoff.min.js

您是否使用过这两个文件？

Jquery <div> Slider与php生成<divs> </divs> </div>

1 个答案: