PHP，MySQL和JQuery有問題？

我有這個腳本，顯示所有的用戶圖片，我將在下面顯示。PHP，MySQL和JQuery有問題？

我的問題：有沒有一種方法，我可以顯示在MySQL數據庫中的第10個圖像，並有腳本隱藏用戶提供圖片的其餘部分，直到用戶點擊該鏈接<a href="#">View All</a>並有圖像的其餘部分滑動當用戶點擊鏈接時關閉？

這是我的PHP MySQL的&腳本？

$multiple = FALSE; 
$row_count = 0; 

$dbc = mysqli_query($mysqli,"SELECT * 
          FROM images 
          WHERE images.user_id = '$user_id'"); 
if (!$dbc) { 
    print mysqli_error($mysqli); 
} else { 
    while($row = mysqli_fetch_array($dbc)){ 

    if(($row_count % 5) == 0){ 
     echo '<ul>'; 
    } 
     echo '<li><img src="/images/thumbs/' . $row['url'] . '" /></li>'; 

if(($row_count % 5) == 4) { 
    $multiple = TRUE; 
    echo "</ul>"; 
} else { 
    $multiple = FALSE; 
} 
$row_count++; 
} 
if($multiple == FALSE) { 
    echo "</ul>"; 
} 
} 
echo '<a href="#">View All</a>';

來源

2010-07-01 favor

斯普利特圖片分爲兩個部分。並設置第二部分隱藏。然後添加一個點擊處理程序到slideDown。這裏是代碼：

更新：沒有必要把前10個圖像放入div，但也不會傷害。

PHP

<?php 

//echo '<div id="images">'; // visible images 

while($row = mysqli_fetch_array($dbc)) { 

    // other stuff 
    // ... 

    // after the 10th image (0-9) 
    // open the hidden div 
    if ($i == 9) { 
    //echo '</div>';   // end of visible images 
    echo '<div id="hidden">'; // hidden images 
    } 
} 

echo '</div>'; // end of hidden 
echo '<a href="#" id="view_all">view all</a>'; // view all 

?>

jQuery的

$(document).ready(function(){ 
    $("#hidden").hide(); 
    $("#view_all").click(function(){ 
     $("#hidden").slideDown(); 
    }); 
});

See it in action

注意：千萬不要隱藏與CSS的股利。你在jQuery中做到這一點，通過這個，你可以讓禁用JS的用戶獲得內容。

來源

2010-07-01 21:37:45 galambalazs

如何將我的圖片分爲兩個部分？ – favor 2010-07-01 21:39:18

我將如何去編碼PHP，以便隱藏圖像的第二部分？ – favor 2010-07-01 21:46:23

只需將jQuery代碼放入

是的，在你的循環呼應了列表項，添加~~風格=「顯示：隱藏」~~類=「隱藏」屬性，當計數> 10。然後使用窗口的滾動事件檢測當瀏覽器滾動到窗口底部附近時，然後使用jQuery顯示第一個隱藏列表項。

編輯：這實際上會顯示用戶滾動下來的項目，並不需要「顯示所有按鈕」。

JQuery的：

$(".hidden").hide(); 

$(window).scroll(function(){ 
    if ($(window).scrollTop()+$(window).height > $("li:hidden:first").offset().top - SOMEPADDING)) { 
     $("li:hidden:first").fadeIn(200); 
    } 
}

來源

2010-07-01 21:30:56

你失去了我，我是一種新的jQuery的那麼如何將我的代碼實際上看看嗎？什麼是窗口的滾動事件？對不起，我的無知。 – favor 2010-07-01 21:33:35

可能要糾正'風格=「顯示：hidded」' – jordanstephens 2010-07-01 21:36:33

@jordanstephens我知道用戶意味着隱藏 – favor 2010-07-01 21:37:55

我不知道有多少，或有多大這些圖片，但如果你想使這個可擴展的，我建議你做一個Ajax回調檢索，並在「隱藏」的圖像填充，如果用戶請求他們。

來源

2010-07-01 21:41:31 MarkD

相關問題

PHP，MySQL和JQuery有問題？

回答

相關問題