Sorry, but my english is shit.
========================
A new tutorial from de.jimdo.com (you can see it at http://simonk.jimdo.com/mouseover/mit-video)
at first you need 2 Images:
(image1)
(image2)image 1 for opening the embed code (Video)
image2 for closing the Video.
(please do NOT take my images;)
Now load your images up on your Jimdo Page, and copy the image adresses.
Ok, now you'll need a Code, for the HEAD SECTION of your website:
- Code: Select all
<script type="text/javascript">
//<![CDATA[
function showText(index) {
document.getElementById('aufklappen' + index).style.display = 'none';
document.getElementById('text' + index).style.display = 'block';
document.getElementById('zuklappen' + index).style.display = 'block';
}
function hideText(index) {
document.getElementById('aufklappen' + index).style.display = 'block';
document.getElementById('text' + index).style.display = 'none';
document.getElementById('zuklappen' + index).style.display = 'none';
}
//]]>
</script>
And now, search a (Youtube/myvideo) video, and copy the embed Code.
at last, take a new "Widget/HTML" mod and fill in the following Code:
<p id="aufklappen1"><a href="javascript:showText(1);"><img src="URL OF IMAGE1" alt="" /></a></p>
<p id="text1" style="display: none;"><a id="zuklappen1" style="display: none;" href="javascript:hideText(1);" name="zuklappen1"><img src="URL OF IMAGE2" alt=
"" /></a><br />EMBED CODE OF YOUR VIDEO</p>
==================================================================
Sorry, for my english!
On my homepage i Used a mouseover effect, you can find the tutorial here:
http://de.jimdo.com/app/forum/viewtopic.php?f=39&t=4770
-Simon
