如何让Pinterest按钮从mysqli fetch数组中获取图像URL

时间:2015-06-26 20:21:22

标签: php image

我刚刚在我的网站上添加了一个Pinterest按钮,我不太确定如何让Pinterest按钮从我的mysqli_fetch_array代码中获取img URL。截至目前,当我点击按钮并尝试选择一块板来固定它时,我收到此错误:

糟糕!您需要上传图片或提供'image_url'参数

最重要的是,我在缩略图滑块库中有四个不同的图片。如果看到这个有帮助,我的网站是buyfarbest.com。我是否需要对网站提供的Pinterest HTML代码进行任何不同的操作以获取img?

<div class="pinItButton"><a href="//www.pinterest.com/pin/create/button/" data-pin-do="buttonBookmark" data-pin-height="28" target="_blank"><img src="//assets.pinterest.com/images/pidgets/pinit_fg_en_rect_gray_28.png" /></a>

我的页面中的代码:

<div class="viewproductpiccontainer">
<div class="slideshow">
    <div class="pinItButton"><a href="//www.pinterest.com/pin/create/button/" data-pin-do="buttonBookmark" data-pin-height="28" target="_blank"><img src="//assets.pinterest.com/images/pidgets/pinit_fg_en_rect_gray_28.png" /></a>
    </div>
    <ul class='big'>
        <li>
            <?php $result=m ysqli_query($con, "SELECT * FROM products where product_id =".$_GET[ 'view_product']); if($row= mysqli_fetch_array($result)) { $products[$row[ 'product_id']]=$ row; echo "<img class='sizedimg' src='productpics/".$row[ 'img'] . "' alt='Product Pic'>"; } ?>
        </li>
    </ul>
    <ul class='controls'>
        <li class='prev'>&lt;</li>
        <li class='next'>&gt;</li>
    </ul>
    <ul class='thumb' id="bxslider-horizontal">
        <div class="bxslider">
            <div class="slide">
                <li>
                    <?php $result= mysqli_query($con, "SELECT * FROM products where product_id =".$_GET[ 'view_product']); if($row=m ysqli_fetch_array($result)) { $products[$row[ 'product_id']]=$ row; echo "<img class='sizedimg' src='productpics/".$row[ 'img'] . "' alt='Product Pic'>"; } ?>
                </li>
            </div>
            </div>

无论如何,我可以用我所有这些设置的方式来完成这项工作吗?如果看到它有帮助,我的网站是buyfarbest.com。如果您转到产品然后点击它们中的任何一个,它将带您了解该产品的详细信息。将鼠标悬停在大图像上。然后会出现Pinterest按钮。

添加了HTML源代码:

<div class="viewproductpiccontainer">
                        <div class="slideshow">
                        <div class="pinItButton"><a href="//www.pinterest.com/pin/create/button/" data-pin-do="buttonBookmark"  data-pin-height="28" target="_blank"><img src="//assets.pinterest.com/images/pidgets/pinit_fg_en_rect_gray_28.png" /></a></div>
                            <ul class='big'>

                                <li>
                                    <img class='sizedimg' src='productpics/blueCollar.jpg' alt='Product Pic'>                                       
                                </li>
                                <li>
                                    <img class='sizedimg' src='productpics/blueCollar2.jpg' alt='Product Pic'>                                  </li>
                                <li>
                                    <img class='sizedimg' src='productpics/allCollars.jpg' alt='Product Pic'>                                   </li>
                                <li>
                                    <img class='sizedimg' src='productpics/allCollars2.jpg' alt='Product Pic'>                                  </li>
                                <!--<li>
                                    <img src="http://imageshack.us/a/img22/4640/6a5q.jpg" />
                                </li>
                                <li>
                                    <img src="http://imageshack.us/a/img513/4973/h6g3.jpg" />
                                </li>-->
                            </ul>
                            <ul class='controls'>
                                <li class='prev'>&lt;</li>
                                <li class='next'>&gt;</li>
                            </ul>
                            <ul class='thumb' id="bxslider-horizontal">
                                <div class="bxslider">
                                    <div class="slide"><li>
                                    <img class='sizedimg' src='productpics/blueCollar.jpg' alt='Product Pic'>                                       </li></div>
                                    <div class="slide"><li>
                                        <img class='sizedimg' src='productpics/blueCollar2.jpg' alt='Product Pic'>                                      </li></div>
                                    <div class="slide"><li>
                                        <img class='sizedimg' src='productpics/allCollars.jpg' alt='Product Pic'>                                       </li></div>
                                    <div class="slide"><li>
                                        <img class='sizedimg' src='productpics/allCollars2.jpg' alt='Product Pic'>                                      </li></div>
                                    <!--<div class="slide"><li>
                                        <img src="http://imageshack.us/a/img22/4640/6a5q.jpg" />
                                    </li></div>
                                    <div class="slide"><li>
                                        <img src="http://imageshack.us/a/img513/4973/h6g3.jpg" />
                                    </li></div>-->
                                </div>
                            </ul>

0 个答案:

没有答案