Home
Tour
Costs
Answers
Demos
Access
Tools
Assistance
Enroll
 SearchSearch
Display multiple webpages or pictures in a scrolling box

 
   Answers Forum Index -> Special how to's
View previous topic :: View next topic  
Author Message
ws
Write and Show support


Joined: 27 May 2007
Posts: 140

PostPosted: Wed Sep 05, 2007 2:39 pm    Post subject: Display multiple webpages or pictures in a scrolling box

Display several photos or webpages in a scrolling box

Sometimes you might wish to have a scrolling box on a page which will show many remotely hosted webpages or photos. This is easily accomplished.

How to:

1. Using your Windows Notepad (or other text editor that saves in pure text format) make an html file with two (or more) iframes inside (as many as you wish). Host that on WriteandShow filemanager.

2. You can have a combination of remotely hosted photos and webpages if you like. Just be sure each is in its own "iframe."

3. If you wish your iframes to be separated from each other.. insert either

Quote:
  (put it on a line by itself )

Or, as many "line breaks" as you wish, for example :

<br />

(You can put several on a line, but each forces a new lne. Hence it is called a line break).


4. Insert any descriptive text you wish, before or after any "iframe."

5 .. Then in WriteandShow... put that html file (containing two or more iframes) in an iframe (use the the iframe button to display an iframe on your page.

Quote:
More about the iframe button here:
http://writeandshow.com/answers/viewtopic.php?t=20


Remember to create your html file in notepad (not word). Plus, don't forget to save it with an html extension.


Last edited by ws on Wed Sep 05, 2007 8:31 pm; edited 1 time in total
Back to top
ws
Write and Show support


Joined: 27 May 2007
Posts: 140

PostPosted: Wed Sep 05, 2007 3:13 pm    Post subject: An example html file with two remote pictures

Create this in notepad and save it with an html extension, like mypics2.html. Then show it on a page by using iframe in your writeandshow author panel.

Quote:


Quote:
<html>
<html> <div style="overflow:auto">
<iframe src="http://i177.photobucket.com/albums/w209/medleyrelay_2007/joem1ch7or17.jpg" height="720" width="500" scrolling="no" border="0" frameborder="0"></iframe>
&nbsp;
&nbsp;
<iframe src="http://i177.photobucket.com/albums/w209/medleyrelay_2007/joem2ch7or17.gif" width="500" height="720" scrolling="no" border="0" frameborder="0"></iframe> <div>

</html>

Then in write and show this would be your code:

Quote:
<div><iframe src="http://writeandshow.com/examples/mypics2.html" width="100%" height="500" scrolling="yes"></iframe></div>

Back to top
Display posts from previous:   
   Answers Forum Index -> Special how to's All times are GMT - 4 Hours
Page 1 of 1

 
Jump to:  


Created by WriteandShow.com WriteandShow.com  Answer forum utilizes phpBB © 2001, 2005 phpBB Group