How to scroll picture horizontally?

Question

0.00/5 (No votes)

See more:

There is some picture on a Gridview in a website and i am scrolling those picture vertically using this following code:

XML

<marquee direction="up" SCROLLDELAY="15" scrollamount="2" onmouseover=this.stop()
            onmouseout=this.start() style="height: 239px">

                        <asp:UpdatePanel ID="UpdatePanel2" runat="server">
<ContentTemplate>

                        <asp:GridView ID="grdad" runat="server" AutoGenerateColumns="False"
                                DataSourceID="AdDataSource" DataKeyNames="AdID" PageSize="1"
                                Height="240px" Width="181px" ShowHeader="false">
                        <Columns>
<asp:BoundField DataField="ProgrammeID" HeaderText="" Visible="false" ReadOnly="true" SortExpression="ProgrammeID" />
<asp:TemplateField ShowHeader="false">
<ItemTemplate>
<a href="<%# DataBinder.Eval(Container, "DataItem.AdLink") %>" target="_blank"><img id="imgSmall" src='Admin/Ad_Picture/<%# DataBinder.Eval(Container, "DataItem.AdImagePath") %>' alt="Gallery Image" width="181" height="205" /></a>
</ItemTemplate>
</asp:TemplateField>
</Columns>
                        </asp:GridView></marquee>
                        </ContentTemplate>
                        <Triggers>
<asp:AsyncPostBackTrigger ControlID = "grdad" />
</Triggers>
</asp:UpdatePanel></marquee>

XML

<img id="imgSmall" src='Admin/Ad_Picture/<%# DataBinder.Eval(Container, "DataItem.AdImagePath") %>' alt="Gallery Image" width="181" height="205" /></a>
</ItemTemplate>
</asp:TemplateField>
</Columns>
                        </asp:GridView>
                        </ContentTemplate>
                        <Triggers>
<asp:AsyncPostBackTrigger ControlID = "grdad" />
</Triggers>
</asp:UpdatePanel></marquee>

Is that possible to scroll those picture Horizontally?

Posted 14-Nov-11 22:33pm

sahabiswarup

Updated 14-Nov-11 23:42pm

v3

Add a Solution

Comments

thatraja 15-Nov-11 5:45am

First tell us, is the marquee running or not?

sahabiswarup 15-Nov-11 5:53am

yes..marquee running perfectly but it scroll vertically right now but i want to scroll it horizontally

4 solutions

Add a Solution

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

thatraja · Answer 1 · 2011-11-15T02:34:00

May be some mistakes in your HTML source, you missed double-quotes for the js things, check it below

HTML

<marquee direction="left" scrolldelay="15" scrollamount="2" onmouseover="<b">"this.stop();" onmouseout="this.start();" style="height: 239px">test</marquee>

And general suggestion is just try the Tags with minimum properties(to ensure the running) like below

HTML

<marquee direction="left" >test</marquee>

Solution 1

did you try direction="left"?

Posted 14-Nov-11 22:36pm

dieforwhat

Comments

sahabiswarup 15-Nov-11 4:43am

yes i have tried..that doesn't work

dieforwhat · Answer 3 · 2011-11-14T23:05:00

Solution 2

By looking your code, isn't it strange that there is one <marquee> opening tag but two of closing.May be they don't match?

Posted 14-Nov-11 23:05pm

dieforwhat

Comments

sahabiswarup 15-Nov-11 5:42am

that just a misprint.

dubeyanshul1 · Answer 4 · 2011-11-14T23:57:00

Solution 3

put your image in panal then you can scroll ur image

Posted 14-Nov-11 23:57pm

dubeyanshul1

Comments

sahabiswarup 15-Nov-11 6:04am

i have already taken the pictures in an ItemTemplate under gridview.

How to scroll picture horizontally?

4 solutions

Solution 4

Solution 1

Solution 2

Solution 3

Add your solution here

Preview 0

How to scroll picture horizontally?

4 solutions

Solution 4

Solution 1

Solution 2

Solution 3

Add your solution here

Preview 0

Existing Members

...or Join us