View previous topic :: View next topic |
Author |
Message |
ws Write and Show support
Joined: 27 May 2007 Posts: 140
|
Posted: 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.
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
|
Posted: 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>
<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 |
|
|
|
|
|