首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >使用php生成的<divs>的Jquery <div>幻灯片

使用php生成的<divs>的Jquery <div>幻灯片
EN

Stack Overflow用户
提问于 2013-06-12 19:50:53
回答 1查看 897关注 0票数 0

我是编程新手,我正在为一家专卖店写一个非常简单的网站,有4个页面:主页、美容、福利、联系人。

该网站将作为本网点文章的陈列室,根据他们感兴趣的领域,这些文章将在网站的两个部分展示。

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

一切都好,php程序运行正常,上传顺利,包含文章的页面由php程序自动生成,通过while循环从mysql数据库获取数据。

最后一个问题,我不能解决,是在主页上的一个滑块。在文章的页面中,相同的内容必须显示在主页中,但不能在另一个页面下显示,相反,它们必须在div中滚动,当然文章的div是由php程序生成的。

现在,我对javascript并不是很在行,所以我不知道我这样做的方式是否正确,或者我使用的jquery插件是否有问题。

代码是这样的:

在标题中:

代码语言:javascript
复制
<script src="js/jquery.jshowoff.min.js" type="text/javascript"></script>

在身体里:

代码语言:javascript
复制
<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>

我使用了炫耀的插件,这应该可以做我想要的。

http://ekallevig.com/jshowoff/

我不知道我做错了什么。:\我甚至试图在没有php程序的情况下做幻灯片放映,通过简单地键入文章,但什么都没有。

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

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

无论如何,我的div都出来了,我看到它们都在那里,但它们就是不能滑动……

EN

回答 1

Stack Overflow用户

发布于 2013-06-12 20:04:02

正如在http://ekallevig.com/jshowoff/站点上所提到的

对于jshowoff,需要两个文件。

代码语言:javascript
复制
   1). the jQuery Core JavaScript Library (1.3+)
   2). jquery.jshowoff.min.js

两个文件你都用了吗?

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/17064752

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档