How to dynamically display images?

Question

4.00/5 (1 vote)

See more:

, +

Hi guys!
I have a question about ASP.NET data binding. I'm creating a site that
displays news for some artist...the main page News.aspx contains the whole list of news ordered by date descending....
and each news item has a Read More html link that points to a
ViewNews.aspx?id={id} page than a news id is passed through a query string..
The ViewNews.aspx page displays EXTENDED info about artist....
some news items have photos some don't....
I have an SQL Server table

 CREATE TABLE News(
  [News ID] uniqueidentifier PRIMARY KEY NOT NULL DEFAULT NEWID(),
  [Title] nvarchar(500) NOT NULL,
  [Digest] nvarchar(3000) NOT NULL, // short info
  [Content] ntext NOT NULL, // extended info
  [PhotoLink] varchar(100) NULL // for saving image path on server
);

The point is that ...I want to fully show my news item correctly...
if a news item doesn't have an associated image than I don't need to insert image into HTML, if there is an associated image with that news item then
it must be floatted left and text must be floated right
I do this:

<asp:SqlDataSource ID = "srcNewsSolo" runat = "server" 
        ConnectionString="<%$ ConnectionStrings:MusicDBConnString %>" 
        
        SelectCommand="SELECT [Title], [Content], [PhotoLink] FROM [News] WHERE ([News ID] = @News_ID)">
     <SelectParameters>
         <asp:QueryStringParameter Name="News_ID" QueryStringField="id"   />
     </SelectParameters>
 

<asp:DataList id = "soloNewsItem" DataSourceID = "srcNewsSolo" runat = "server>
<itemtemplate>
<span style="color: Orange;"><%# Eval("Title") %> </span>

<% if ( Eval("PhotoLink") != null) { %>
  <img src = "<%# Eval("PhotoLink") %>" style = "float: left; " />
<% } %>

<span style="color: White"> <%# Eval("Content") %> </span>

</itemtemplate>

I have some errors here ...how to fix them??? how to use Container.DataItem???
I don't have in Intellisense!!!!!!! How to dynamically decide whether to render photo or not .... Please help!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!

Posted 18-Jun-11 8:05am

Nick Reshetinsky

Add a Solution

Comments

thatraja 18-Jun-11 14:07pm

/*I have some errors here ...how to fix them???*/
Include those error messages in your question.

2 solutions

Solution 1

Declare a public variable of the string type in C# code file of this aspx page.
store the path of this image in variable on the page load event then impose a if condition

]]>

]]>

where strPhotoLink is a public variable in c# code file.

Posted 18-Jun-11 9:05am

Sudhir Kumar Srivastava lko

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

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

Shahriar Iqbal Chowdhury/Galib · Accepted Answer · 2011-06-18T10:20:00

Solution 2

hi,
use this code below,

<img src = '<%# Eval("PhotoLink") %>' style = 'float:left; visibility:<%# String.IsNullOrEmpty(Eval("PhotoLink").ToString())?"hidden":"visible" %>' />

Posted 18-Jun-11 10:20am

Shahriar Iqbal Chowdhury/Galib