Images are not coming on page

Question

2.00/5 (1 vote)

See more:

XML

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />

    <title>@ViewBag.Title</title>
    <script src ="@Url.Content("~/Content/js/responsiveslides.min.js")" type ="text/javascript"></script>
    <script type ="text/javascript">
        $(function () {
            $("#slider1").responsiveslides({ maxwidth:1600 , speed: 600})
        });

    </script>
    <link href="@Url.Content("~/Content/css/responsiveslides.css")" rel="stylesheet" type="text/css" />
     <link href="@Url.Content("~/Content/css/style.css")" rel="stylesheet" type="text/css" />

    <script src="@Url.Content("~/Scripts/jquery-1.7.1.min.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/modernizr-2.5.3.js")" type="text/javascript"></script>

</head>

<body>
    <header>
<body>
        <!--start-wrap-->

            <!--start-header-->
            <div class="header">
                <div class="wrap">
                <!--start-logo-->
                <div class="logo">
              <img src ="@Url.Content("../Content/images/logo.png")"/>
                </div>
                <!--end-logo-->
                <!--start-top-nav-->
                <div class="top-nav">
                    <ul>
                        <li class="active">@Html.ActionLink("Home","Home")</li>
                        <li>@Html.ActionLink("Services", "Services")</li>
                        <li> @Html.ActionLink("clientlogin","clientlogin")</li>
                        <li>@Html.ActionLink("adminlogin","adminlogin")</li>
                        <li>@Html.ActionLink("contactus","contactus")</li>
                    </ul>
                </div>
                <div class="clear"> </div>
                <!--end-top-nav-->
            </div>
            <!--end-header-->
        </div>
        <div class="clear"> </div>
            <!--start-image-slider---->
                    <div class="image-slider">
                        <!-- Slideshow 1 -->
                        <ul class="rslides" id="slider1">
                          <li><img src="@Url.Content("../Content/images/slider-img1.jpg")" /> </li>
                          <li><img src="@Url.Content("~/Content/images/slider-img2.jpg")" /> </li>
                          <li><img src="@Url.Content("~/Content/images/slider-img1.jpg")" /> </li>
                       </ul>
                        </div>
    <div class="clear"> </div>
            <div class="content-grids">
                <div class="wrap">
                <div class="section group">
                <div class="listview_1_of_3 images_1_of_3">
                    <div class="listimg listimg_1_of_2">
                          <img src="images/grid-img1.png">
                    </div>
                    <div class="text list_1_of_2">
                          <h3>doctors Login</h3>
                          <p>Need More info?</p>
                          <div class="button"><span><a href="#">View More</a></span></div>
                    </div>
                </div>
                <div class="listview_1_of_3 images_1_of_3">
                    <div class="listimg listimg_1_of_2">
                          <img src="images/grid-img2.png">
                    </div>
                    <div class="text list_1_of_2">
                          <h3>Our Client Care</h3>
                          <p>Need More info?</p>
                          <div class="button"><span><a href="#">View More</a></span></div>
                     </div>
                </div>
                <div class="listview_1_of_3 images_1_of_3">
                    <div class="listimg listimg_1_of_2">
                          <img src="images/grid-img3.png">
                    </div>
                    <div class="text list_1_of_2">
                          <h3>Join Us Now</h3>
                          <p>Need More info?</p>
                          <div class="button"><span><a href="#">View More</a></span></div>
                    </div>
                </div>
            </div>
            </div>
           </div>
             </header>
    @RenderBody()
    <footer>
 <div class="footer">
             <div class="wrap">
            <div class="footer-left">
                    <ul>
                        <li><a href="index.html">Home</a></li>
                        <li><a href="about.html">About</a></li>
                        <li><a href="services.html">services</a></li>
                        <li><a href="blog.html">blog</a></li>
                        <li><a href="contact.html">contact</a></li>
                    </ul>
            </div>

            <div class="clear"> </div>
           </div>
           </div>
    </footer>
</body>
</html>

This is css.

CSS

rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  padding: 0;
  margin: 0;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
    display: block;
    height: auto;
    float: left;
    border: 0;
    width: 100%;
  }

kindly help me

Posted 30-Jan-15 20:53pm

Member 10874581

Add a Solution

Comments

Afzaal Ahmad Zeeshan 31-Jan-15 2:57am

Would you like to share, How images are not coming?

Member 10874581 31-Jan-15 2:59am

When i am runing my web page than logo image as well as other images are not display
on my web page

Afzaal Ahmad Zeeshan 31-Jan-15 3:01am

What is the error? Open the console (press F12) and inside the Console, errors would be shown, for those images see what is shown, is it a 404?

Member 10874581 31-Jan-15 3:02am

are u on teamviewer??

Afzaal Ahmad Zeeshan 31-Jan-15 3:03am

Sorry, but that is not an answer to my question.

Member 10874581 31-Jan-15 3:06am

Images are in my project folder content/images/image_name
i am giving path of images folder instead only icon of image is coming but image what i want to dispaly not coming on this icon

1 solution

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)

Afzaal Ahmad Zeeshan · Answer 1 · 2015-01-30T21:12:00

The problem is that you're hiding the list-items that contain your images in your website. Have a look below,

CSS

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  /* here display is set to none */
  display: none;
  width: 100%;
  left: 0;
  top: 0;
}

Which is then applied to the images (or any other child element) inside this list-item. Try removing this, and then reload the web page. This time, the display would not be none and your images will be displayed.

Tip: Try using block instead of none.