обработка изображений из базы данных в jquery swapper - PullRequest
Новая
       14

обработка изображений из базы данных в jquery swapper

0 голосов
/ 23 марта 2011

Есть ли способ обработки изображений из базы данных в jquery swapper или любой другой тип swapper. изображения должны быть заполнены в зависимости от количества изображений, сгенерированных из базы данных. Я могу получить все изображения из базы данных, но я не могу найти способ показать эти изображения на своппере изображений jquery. Я могу отобразить все изображения с помощью списка данных, но со списком данных я не могу использовать JQuery Swapper. Любое возможное решение или альтернатива будут высоко оценены 

 protected void showDetails(int makeID)
{
    conn.Open();
    SqlCommand cmd = new SqlCommand("Select Price,image,make from productDetail Where (makeID LIKE @makeID)"  , conn);
    SqlParameter param = new SqlParameter();

   param.ParameterName = "@makeID";
    cmd.Parameters.Add(param);
  //  cmd.Parameters["@makeID"].Value = makeID;
   param.Value = makeID;

    rdr = cmd.ExecuteReader();
    while (rdr.Read())
    {
       // Label3.Text = rdr["price"].ToString();

        lblMake.Text = rdr["make"].ToString();
        lblPrice.Text = rdr["Price"].ToString();

        atest2.Attributes["href"] = "~/images/" + rdr["image2"].ToString();

        test2.Attributes["src"] = "~/images/" + rdr["image2"].ToString();
        test2.Attributes["height"] = "75";
        test2.Attributes["width"] = "75";

    }

    conn.Close();

}

// в режиме конструктора 

<div id="page">
        <div id="container">

            <h2>Thumbnail rollover effects and slideshow crossfades</h2>

            <!-- Start Advanced Gallery Html Containers -->
            <div id="gallery" class="content">
                <div id="controls" class="controls"></div>
                <div class="slideshow-container">
                    <div id="loading" class="loader"></div>
                    <div id="slideshow" class="slideshow"></div>
                </div>
                <div id="caption" class="caption-container"></div>
            </div>
                    <li>
                        <a class="thumb" name="drop" id="atest2" title="Title #1" runat="server" >
                            <img  id="test2" runat="server" alt="Title #1" />
                        </a>
                        <div class="caption">
                            Any html can be placed here ...
                        </div>
                    </li>
</ul>
            </div>
            <div style="clear: both;"></div>
        </div>
    </div>

1 Ответ

2 голосов
/ 23 марта 2011

Вы можете использовать ретранслятор asp.net для создания необходимой разметки html. 

<div id="page">
    <div id="container">

        <h2>Thumbnail rollover effects and slideshow crossfades</h2>

        <!-- Start Advanced Gallery Html Containers -->
        <div id="gallery" class="content">
            <div id="controls" class="controls"></div>
            <div class="slideshow-container">
                <div id="loading" class="loader"></div>
                <div id="slideshow" class="slideshow"></div>
            </div>
            <div id="caption" class="caption-container"></div>
        </div>

<div id="thumbs">
    <ul class="thumbs noscript">
        <asp:Repeater id="rptImages" runat="server">
        <ItemTemplate>
            <li>
                <a class="thumb" name="optionalCustomIdentifier" href="path/to/slide" title="your image title">
            <img src='<%#String.Format("/images/{0}", Eval("image"))%>' alt="your image title again for graceful degradation" />
                </a>
                <div class="caption">
                    (Any html can go here)
                </div>
            </li>
            ... (repeat for every image in the gallery)
        </ItemTemplate>
        </asp:Repeater>        
    </ul>
</div>

 <div style="clear: both;"></div>
    </div>
</div>

Просто привяжите свой список изображений к этому ретранслятору и выведите их пути внутри изображения tagss.

Эта работа для вас?

РЕДАКТИРОВАТЬ

Для вашего кода вы хотели бы сделать что-то похожее на это ниже, и я обновил код выше, чтобы показать ваш вывод. 

rdr = cmd.ExecuteReader();
rptImages.DataSource = rdr;
rptImages.DataBind();
...