Javascript 直接滚动到特定图像

我为用户上传的每幅图像提供了一个链接，该链接将用户带到一个滑块，滚动浏览用户上传到我网站上的所有图像。用户上传的所有图像的路径都存储在一个数据库中

现在，我想要的是，当用户单击特定图像时，滑块直接滚动到该图像，并且所有其他图像都根据其在数据库中的各自位置排列，即。，在该特定图像之前上载的内容将显示在该图像之前，类似地，在该图像之后上载的内容将显示在滑块中的特定图像之后

滑块使用标记按顺序列出图像。我如何执行所需的任务

我还将在下面列出我的代码：

<%
     String lnk6 = "slider2.jsp?posted_id="+image_id;
 %>
<a href = "<%=lnk6%>" ><img src = "<%=lnk%>" width = "500px" height = "400px" /> </a>

这是显示我的图像的页面。字符串变量lnk6提供到滑块的链接。image_id是一个变量，在我不显示的代码中获得，它提供特定图像的id。现在，我在Slider中的代码是：

int id_show = Integer.parseInt(request.getParameter("image_id"));
PreparedStatement pstmt_show = conn.prepareStatement("select image,text from post where posted_id=?");
pstmt_show.setInt(1, id_show);
ResultSet rst_show = pstmt_show.executeQuery();
while(rst_show.next())
{
    img_show = rst_show.getString(1);
    text_show = rst_show.getString(2);
    if(!(img_show.equals("")))
    {
        link_show = "./postimages/"+img_show;
%>
        <li><img src="<%=link_show%>" title="<%=text_show%>" />            
</li>

<%
    }
}
%>

---

post是存储用户上传的所有图像的表格。

将锚定在您想去的地方

    <a name='destinaton'></a> 

还有你照片上的这个锚的链接

    <a href="#destinaton">

使用JQuery平滑滚动可使其更易于使用：

---

您需要为放置的每个图像创建单独的ID。每个ID都会滚动到那个特定的图像，所以应该是唯一的。我认为有一个可变的图像id定义

代码：

int id_show = Integer.parseInt(request.getParameter("image_id"));
PreparedStatement pstmt_show = conn.prepareStatement("select image,text from post where posted_id=?");
pstmt_show.setInt(1, id_show);
ResultSet rst_show = pstmt_show.executeQuery();
while(rst_show.next())
{
    img_show = rst_show.getString(1);
    text_show = rst_show.getString(2);
    if(!(img_show.equals("")))
    {
        link_show = "./postimages/"+img_show;
%>
        <li><img src="<%=link_show%>" title="<%=text_show%>" id="<%=image_id%>" />            
</li>

<%
    }
}
%>

导航部分,

%
   String lnk6 = /*"slider2.jsp?posted_id="+image_id;*/
%>
<a href = "<%=lnk6%>" ><img src = "<%=lnk%>" width = "500px" height = "400px" /> </a>

---

请检查代码中的语法错误，我不太懂这种语言。

您是否使用了任何特定的插件？在上载成功回调中，您可以将newimage设置为该映像的锚点，并告诉jquery继续there@doniyor你能详细说明一下吗？主要的问题是我正在使用一个while循环从数据库中获取我的所有图像，并将其放在这个while循环中，以便为所有图像自动创建这些图像。那么我如何添加到我想要的特定图像的链接呢显示？当你在那个循环中放置li时，把这个也放在那个标记内。@Abhinav Gauniyal你能详细说明一下我在哪里放置这两个锚标记吗。我有一个JSP页面，在这里我提供了指向我的滑块的链接，该滑块位于一个新的JSP页面中。我在这里看不到您的任何代码，因此我无法准确预测。@AbhinavGauniyal我也上传了问题中的代码。现在，如果你能提出一些建议，因为我无法理解我能做什么，那么就让所需的事情发生吧。