GithubHelp home page GithubHelp logo

iaian7 / mediaboxadvanced Goto Github PK

View Code? Open in Web Editor NEW
85.0 85.0 29.0 7.4 MB

mediabox displays flash, video, audio, & html content in a modal dialog. Based on Slimbox and the Mootools javascript library.

Home Page: http://iaian7.com/webcode/mediaboxAdvanced

JavaScript 100.00%

mediaboxadvanced's People

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

mediaboxadvanced's Issues

A long description make some trouble

I have some pictures with long description and a have the problem that these descriptions make some trouble. When you open the picture in a new window and you scroll down you see a big black background and only a small part of this black background shows text.

Is it possible to build in a teaser function and if the user want to see more of the description, he has to push a button and later he can see the rest of the description.

Thank you

set of inline elements

Hi,

i use mediabox to display a set of "inline" elements.
After closing the mediabox following code gets executed in function close()

    if (mediaType == "inline" && !options.inlineClone) {
        preload.adopt(image.getChildren()); // prevents loss of adopted data
    }

As far as i understood when opening the inline elment in the lightbox, Mediabox will MOVE the original inline html in to the lightbox. Thus the original placeholder gets emptied. After closing the Mediabox the moved inline html is injected in original placeholder again. The code above will do that.
Anyway, when using a set of inline elements, after clicking on "next" or "prev" the moved html will not be reinjected --> the HTML get lost and next time opening the lightbox will result in a black box without content... So i think the code from above has to be in function next() and function previous() too. At least this is working for me.

Notes: I'm using v. 1.4.5 ... same behaviour with v. 1.5.4 .. inlineClone is set to false (default option, when setting to true i get a JS error)

Btw. i want to say thanks for this GREAT lightbox. I tested a lot of lightboxes but this one is the best, really really flexible. Thank you :)

[1.4.6] imgBackground not working

Just found out, that imgBackground does not work anymore.

Tested in 1.4.6, with MooTools 1.2.5, 1.3.2 and 1.4.5.

mbImage - background-image: url("undefined");

Native HTML5 video

Hi

I think the time has come that all modern browsers are now able to play video with built-in players. Please consider the possibility to implement the following code, which I have successfully tested on Firefox (Windows and Linux) and Chrome (Android):

// HTML5 Video
} else if (URL.match(/.mp4|.avi|.mts/i)) {
mediaType = 'video';
mediaWidth = mediaWidth || options.defaultWidth;
mediaHeight = mediaHeight || options.defaultHeight;
mediaId = "mediaId_"+new Date().getTime(); // Safari may not update iframe content with a static id.
preload = new Element('video', {
'src': URL,
'id': mediaId,
'width': mediaWidth,
'height': mediaHeight,
'frameborder': 0,
'controls': 1
});
startEffect();

Rotate images

Is it possible to rotate images? I have some pictures (with EXIF orientation data), that I'd like to rotate before displaying.

How To Launch With JSONP Response?

Hello,

thanks for the best lightbox script out there!

I have an issue with getting your script working with a JSONP response that includes the rel attribute. I know I have to initiate classes again if I want the code to work within AJAX responses but I cannot seem to get it working with mediaboxAdvanced.

Am I able to make this work, even though I already have the script embedded in my page for other uses?

Thanks

HTML5 YouTube content continues to play after the lightbox is closed

If you are playing a YouTube video via mediaboxAdvanced in HTML5 format and you close the lightbox before the video finishes playing, the audio can still be heard. This issue is replicable in browsers like Safari and Firefox, if a user has opted to disable or un-install Flash player.

From what I can gather, Flash video's get stopped correctly when the mediaboxAdvanced window gets closed. But HTML5 video content is being ignored by the close action.

ClickBlock Errors

Line 248,

if (options.clickBlock && this.toString().match(/\.gif|\.jpg|\.jpeg|\.png/i)) e.stop();

should be:

if (_options.clickBlock && this.toString().match(/\.gif|\.jpg|\.jpeg|\.png/i)) e.stop();

Changing 'options' to '_options', small typo.

Suggestion for hiding ugly a title tooltip

I just got tired of ugly a title (Title:: desc ) tooltips so here is something you might want to consider
This was originally for my own script that is using MA but you can adjust it to do this by default. To be honest I have jet to find a lightbox ( moo or jq ) that is doing this.

editor here is messing up the code ,
here it is

http://jsfiddle.net/jjf23/

Undefined var causing Errors in IE 8 & 9 [fix found]

The 'container' variable is not set/declared at the start of the main function along with the rest of the variables, causing IE to complain.

Simply adding it fixed all problems I had with IE, mainly the one below but may have been causing others.

SCRIPT5009: '__flash__removeCallback' is undefined
cBXtime7LEU?wmode=transparent&autohide=1&hd=1&modestbranding=1&searchbox=0&rel=0&showinfo=0&autoplay=1, line 318 character 34

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.