nycguurl
01-25-2015, 11:14 PM
1) Script Title:
Drop-in content box v2.0
2) Script URL (on DD):
http://www.dynamicdrive.com/dynamicindex17/dropinbox.htm
3) Describe problem:
Hi. John updated this script for me about a year ago so that a video I had could start auto-playing, during my assigned delay, before it was dropped in. I am attaching the file, as it's a bit different than the original. At the time, I needed it to fall to the right of the screen, so negative integers were needed - that worked fine. But now I need it to come in on the left, but for some reason left/top positive numbers are not working. Can someone check it out and let me know?
Here is the code from my page, and I attached the .js file.
Head:
<script>
var dropinbox2=new dropincontentbox({
source:'#drop', //#id of DIV to show if defined inline
cssclass:'dropinbox dropinboxaltstyle drop-shadow lifted',
fx:'easeInExpo', //alternate drop animation keyword
pos:[50, 50], //custom position of drop in box
deferred:5, //show box 5 sec after page has loaded
onshow: function(){
var ie = /MSIE (\d+)/.exec(navigator.userAgent);
(!ie || ie && ie[1] > 8) && this.$contentbox.find('iframe').attr('src', 'http://www.youtube.com/embed/yLVSN9Q3toc?autoplay=1&rel=0&showinfo=0&autohide=1&wmode=transparent&bgcolor=black');
}
})
jQuery(function($){
var ie = /MSIE (\d+)/.exec(navigator.userAgent);
window.frames[0].location.href = ie && ie[1] < 9? 'http://www.youtube.com/embed/yLVSN9Q3toc?autoplay=1&rel=0&showinfo=0&autohide=1&wmode=transparent&bgcolor=black' : 'about:blank';
});
</script>
Body:
<div id="drop" style="background-color: transparent">
<iframe width="400" height="225" src="about:blank" frameborder="0" allowfullscreen allowTransparency="true" style="background-color:black;"></iframe>
</div>
Drop-in content box v2.0
2) Script URL (on DD):
http://www.dynamicdrive.com/dynamicindex17/dropinbox.htm
3) Describe problem:
Hi. John updated this script for me about a year ago so that a video I had could start auto-playing, during my assigned delay, before it was dropped in. I am attaching the file, as it's a bit different than the original. At the time, I needed it to fall to the right of the screen, so negative integers were needed - that worked fine. But now I need it to come in on the left, but for some reason left/top positive numbers are not working. Can someone check it out and let me know?
Here is the code from my page, and I attached the .js file.
Head:
<script>
var dropinbox2=new dropincontentbox({
source:'#drop', //#id of DIV to show if defined inline
cssclass:'dropinbox dropinboxaltstyle drop-shadow lifted',
fx:'easeInExpo', //alternate drop animation keyword
pos:[50, 50], //custom position of drop in box
deferred:5, //show box 5 sec after page has loaded
onshow: function(){
var ie = /MSIE (\d+)/.exec(navigator.userAgent);
(!ie || ie && ie[1] > 8) && this.$contentbox.find('iframe').attr('src', 'http://www.youtube.com/embed/yLVSN9Q3toc?autoplay=1&rel=0&showinfo=0&autohide=1&wmode=transparent&bgcolor=black');
}
})
jQuery(function($){
var ie = /MSIE (\d+)/.exec(navigator.userAgent);
window.frames[0].location.href = ie && ie[1] < 9? 'http://www.youtube.com/embed/yLVSN9Q3toc?autoplay=1&rel=0&showinfo=0&autohide=1&wmode=transparent&bgcolor=black' : 'about:blank';
});
</script>
Body:
<div id="drop" style="background-color: transparent">
<iframe width="400" height="225" src="about:blank" frameborder="0" allowfullscreen allowTransparency="true" style="background-color:black;"></iframe>
</div>