Language

How to manage the iframe to show when clicking

Serba Aneka Informasi feeds 

Simply manage iframe to show when clicking

I have been around on the Internet to look for ways to manage the iframe so that it is displayed after clicking. This is essential if we are going to display the contents of an iframe which includes the category of heavy, such as video or flash animation. When the contents of the iframe is displayed directly will cause a delay in the opening process of our web page, and might have made "very valuable visitors" soon shut off the page because of the slow process. Though perhaps not all visitors want to watch our incredible flash videos and animations, but only requires some information from the certain web page.
Now watch the animation below.





You might like it (enjoy the rest at photobucket) or not, whatever, and the code for this iframe is


<iframe src="http://i1276.photobucket.com/albums/y462/staffpicks/Animated_GIFs/karate.gif" 
height="360" frameborder="0"style="display: none;" width="480"  rel="nofollow" seamless></iframe>

We simply manage iframe to show by using "tag attribute" in html, for example, with another animation, so do not bore us.


<a href="http://s1276.photobucket.com/user/staffpicks/media/Animated_GIFs/holymackerel.gif"> Click here to play animation</a>

using target="target_name" for <a> attribute tag and by giving the name of the link associated with adding a tag name="target_name" also empty the src in iframe, so our code would be like this


<a 
href="http://i1276.photobucket.com/albums/y462/staffpicks/Animated_GIFs/holymackerel.gif 
target="holly-mackerel"> Click here to play</a>
<iframe frameborder="0" height="360" name="holly-mackerel" src="" rel="nofollow" style="display: none;" width="480" seamless></iframe>

The results of the lines of code that we have created will appear as below, where we are required to click on a link before the iframe opened. Also, we can duplicate HTML tag <a> pointed to other hyperlink.

Click here to play animation #2
Click here to play animation #1



Now we have a clickable iframe, that is in the same iframe showed difference animations depend on which link have clicked. While, seamless option is used so that the iframe we made approach the appearance of web pages where the iframe placed.
And lastly, my expectation, "how to simply manage iframe" can be beneficial to us all.

 *****



comments powered by Disqus

Sekelumit Tentang VirtualBox

 

Android, Linux, and other OS on VirtualBox
Sekelumit Tentang VirtualBox

Satu manfaat yang sering digunakan orang dengan VirtualBox adalah sebagai emulator Android untuk pc, namun sesungguhnya bukan hanya itu saja kegunaan VirtualBox.
VirtualBox atau lengkapnya Oracle VM VirtualBox tentu saja merupakan sebuah produk dari raksasa software Oracle yang terkenal dengan Java-nya. Seperti halnya Java yang cross platform VirtualBox juga diharapkan dapat menjadi jembatan penghubung dari berbagai macam sistem operasi seperti Linux dengan berbagai variannya, Android dan bila mungkin Mac OS atau iOS agar dapat berjalan di mesin x86, dalam hal ini diwakili oleh OS Windows begitu pula sebaliknya bila VirtualBox di-install pada OS lain sebagai host. Dengan kata lain kita sangat mungkin memiliki berbagai macam sistem operasi dalam sebuah mesin dan VirtualBox berperan sebagai Vitual Machine.
Sistem operasi apa saja yang bisa berjalan di atas VirtualBox? Seperti disebutkan di atas selain Linux, Solaris, Mac OS X dan Android, sistem operasi jaman lawas seperti DOS dan OS/2 masih dapat dijalankan. Dengan satu syarat, kita memiliki file .iso yang menjadi image dari OS target kita. Jadi kita boleh mempunyai berbagai sistem operasi yang tak terbatas sebagai guest.
Cara install VirtualBox tidak sulit, cukup download dari situs resminya di sini, kemudian ikuti petunjuk instalasinya. Setelah itu kita perlu men-download file image .iso sebagai OS target, sebagai contoh .iso image file untuk Android dapat diperoleh di portal Android x86.
Bila ada pertanyaan silahkan hubungi saya di Google plus


*****
comments powered by Disqus *****