2014년 12월 24일 수요일

How to show more than 1 image in HTML

My app is showing government notifications. All the notifiations are in pdf files. AI2 having limitations with pdf files so I decided to create images of pdf & show it with HTML.

Notifications files are like :
Notifications1 (1 page pdf file)
Notifications1 (6 pages pdf file)

Suppose I want to show 2nd Notifications then I gave 6 image files towork with.
My question is how to merge those 6 image files into HTML page.

Pl advice!



you probably first like to learn some HTML?

Taifun

 <p>
    <img src="image1.png" alt="" title=""><br>
    <img src="image2.png" alt="" title=""><br>
    <img src="image3.png" alt="" title="">
  </p>



Following script created, is it enough to view images ?

<!doctype html>
<head>
  <meta name="author" content="mahagov.gov.in>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">

  <title>Test</title>
</head>

<body>
  <script>
     <p>
    <img src="image1.jpg" alt="" title=""><br>
    <img src="image2.jpg" alt="" title=""><br>
    <img src="image3.jpg" alt="" title="">
  </p>
  </script>

</body>
</html>



remove the script tags and it should be fine



Many thanks its working.

All the three images are correctly shown.

I have removed 2 images from media section then also it shows all three images. why? 

My notifications are having different number of images, so how to show that?



How to customised HTML file to our needs? (means if we want to show 1 image sometime & more than that sometimes)

Thanks in advance for your expert view.



Since there is no repsonse from last few days from Taifun, can anybody help me out?



pass the path to the images in csv format in the WebViewString to the html file and use some JavaScript logic to display the images
but you will need some JavaScript know how...



Thanks @Taifun


댓글 없음:

댓글 쓰기