【问题标题】:ASP.net C# repeater loads images and display them vertically before displaying them on Jquery CarouselASP.net C# 转发器加载图像并在 Jquery Carousel 上显示它们之前垂直显示它们
【发布时间】:2014-12-01 19:19:29
【问题描述】:

我的转发器将在网页上垂直加载图像,然后再使用我的 jQuery carousel 插件显示。最终的结果就是我想要的。

所以我的问题是中继器是否有办法不显示图像。因此页面将立即加载并显示带有图像的 jQuery。

我的图像是从数据库中检索出来的,我将它们存储为字节。

有人可以指导我如何隐藏显示图像的中继器吗?它使网站非常不专业......

真诚地, 谢谢!

【问题讨论】:

    标签: c# asp.net webforms


    【解决方案1】:
        <div id="outer" style="width:100%; margin-top:10px;">
            <div style="width:800px; height:700px; margin:0px auto 0px auto;">                
                <asp:ObjectDataSource ID="ObjectDataSource1" runat="server" OldValuesParameterFormatString="original_{0}" SelectMethod="GetImages" TypeName="realsolutions.propertyImageDB">
                    <SelectParameters>
                        <asp:Parameter Name="propertyID" Type="Int32" />
                    </SelectParameters>
                </asp:ObjectDataSource>                                     
            <p id="propertyNameP" style="display:inline-block; margin-left:auto">
            <asp:Label ID="lblPropertyLabel" runat="server" Text="PropertyName" Font-Names="Times New Roman" Font-Size="X-Large" Font-Bold="true"></asp:Label>
            </p>
        <script>
                    Galleria.loadTheme('js/galleria/themes/classic/galleria.classic.min.js');
                    Galleria.run('.galleria', {
                        showInfo: true,
                        _toggleInfo: false,
                    });
        </script>
        <div class="galleria"   >
          <asp:Repeater ID="Repeater2" runat="server" DataSourceID="ObjectDataSource1" >
                <ItemTemplate>
                        <asp:Image ID="Image1" ImageUrl='<%#GetImage(Eval("imageByte")) %>' runat="server" Width="500" Height="300" data-description='<%#Eval("description" )%>'/>             
                </ItemTemplate>
                </asp:Repeater>
        </div>
    

    这就是代码的外观,以获取更多信息。真的可以在这里使用一些帮助。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2011-05-07
      • 2018-04-22
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多