IMPORTANT INFORMATION -- Please read!

1. The "search..." box above searches the Docs & Forum Posts. The "Search" tab above just searches the Forum Posts.

Please use these to search for your issue *before* creating a new message topic, as your issue may have been previously solved.
2. Please put your Club # and Club Web Address in your Forum Signature (best) OR in each post to get faster support from us.
Click here to edit your signature at the bottom of the Profile Information tab.
3. Our user and admin docs are available at: support.toastmastersclubs.org/doc "There's a doc for that!"
4. There is an "Opt In" Feature for newly added members. The Opt In document explains the ~~strikethrough~~ member information. Click Here to View the Post
5. When posting a New Topic , please include all relevant details and be specific. When did your issue 1st occur? What operating system, browser, & browser version are you using? Did you refresh your browser cache? Are your cookies enabled? Lastly, a screen shot is often helpful.
6. Please abide by the Terms of Use . We are volunteers contributing our spare time. We are happy to assist you, so long as you are respectful and courteous.
7. We are always looking for new FreeToastHost Ambassadors to join our team and support fellow Toastmasters in their use of the FreeToastHost website system. If you are familiar with the system and have some interest, send a Send Us a Private Message.

TOPIC:

HTML Template for scrolling photo "film strip" marquee 8 years 3 weeks ago #56227

SteveTheTechie
Topic Author
Offline
FreeToastHost Developer
Posts: 13529
Thank you received: 3831

Upload your photos, then replace source1, source2, and source3 below (or add more td sections), copy/paste into your page in source mode, and voila! (no JavaScript required)

<marquee>
<table>
<tr>
<td>
<img src="source1">
</td>
<td>
<img src="source2">
</td>
<td>
<img src="source3">
</td>
</tr>
</table>
</marquee>

See here for an example (the cats): brian.toastmastersclubs.org/marquee.html

Regards,

Steve James, DTM
FreeToastHost System Developer
Officer Emeritus, Mindful Communicators (Club 1966, District 52) A President's Distinguished Club for each of the last 10 years.

>>> Please put your club number in your forum profile. CLICK here to edit your profile.

The following user(s) said Thank You: Pam

Last edit: by SteveTheTechie.

The topic has been locked.

HTML Template for scrolling photo "film strip" marquee 8 years 1 week ago #56328

SteveTheTechie
Topic Author
Offline
FreeToastHost Developer
Posts: 13529
Thank you received: 3831

BTW, one way I am using this approach is to show the drive through a retirement community to a club meeting venue that is in the center of it: spiritspeaks.toastmastersclubs.org/directions.html

(Scroll down on the page to see the film strip view of the drive through the community to the meeting venue.)

In this view, I intentionally made the table wider than the available space so that the individual photos would be larger.

If you wanted to do manual scrolling instead of the marquee scrolling, you could replace the marquee tags with div tags that have overflow-x set to scroll. That would show a horizontal scroll bar. If anyone wants more details on that, post a reply requesting more details here.

Regards,

Steve James, DTM
FreeToastHost System Developer
Officer Emeritus, Mindful Communicators (Club 1966, District 52) A President's Distinguished Club for each of the last 10 years.

>>> Please put your club number in your forum profile. CLICK here to edit your profile.

Last edit: by SteveTheTechie.

The topic has been locked.

Forum

Tips and Tricks

Public Forums

Tips and Tricks - Best Practices

HTML Template for scrolling photo "film strip" marquee

~~~~~~~~~~~~ IMPORTANT INFORMATION -- Please read! ~~~~~~~~~~~~

TOPIC:

HTML Template for scrolling photo "film strip" marquee 8 years 3 weeks ago #56227

HTML Template for scrolling photo "film strip" marquee 8 years 1 week ago #56328

IMPORTANT INFORMATION -- Please read!