DISQUS

Steve · 1 year ago

hey,
whyyyyy "Download MooTools 1.2 dev " :....-(
... so it couldn't existis with your fantastic Hirtory Script!!!!
Thats so sad ;)

Steve · 1 year ago

isnt there a way to make history work with remooz? :-)

digitarald · 1 year ago

Sure, when I converted History to 1.2 (its on my list and the base code already here but not uploaded). But I don't see why you should add History to ReMooz, since its not modal, it does not totally change the page status? *And next time use comment-reply for follow-ups ;-)*

Steve · 1 year ago

First: thank you very much for your fast answer!!!!
Oh no i dont wanna add History to ReMooz... is want only use this two features on one website! And thats not possible because of two different mootools versions!....
I tried to make it possible with the mootools-download-option "Include compatibility with previous versions" but the History dont work with mootools 1.2 ... there appears an error! :(

I only asked because it was very much work to add the History to my MIT licencensed onlineshop ... so i dream about using your ReMooz for all the pictures ;)

Thx,
Steve

digitarald · 1 year ago

I'll add the preview project of history this week, in the playground or as project, we'll see.

Steve · 1 year ago

argh, wrong comment-window ;) so again:
perfect, thank you :-)

Steve · 1 year ago

perfect, thank you :-)

Marc · 1 year ago

Hey Man! Great feature - but it doesn't seem to work when you download the entire Mootools 1.2 Beta!

If I replace the 1.2Beta code with the older 1.1 code it works fine.

Steve · 1 year ago

Mh ... it doesnt work with the 1.1 code!!!! :-) I would be happy if it does... but i tried it out!

Marc · 1 year ago

Steve, you're right. My bad. I just checked and here's what works an what doesn't:

Mootools 1.11 - ReMooz doesn't work
Mootools build 1543: Remooz works
Mootools build 1544: Remooz works
Mootools 1.2dev: Remooz works
Mootools 1.2beta2: Remooz doesn't work

Marc · 1 year ago

Um, to clarify that...

ReMooz only seems to work with the pre-Beta MooTools. It isn't playing nice with the latest release.

I've tried different configurations with the MooTools download, no dice. With every combination, I get the magnifying glass when I mouse over the image, but no enlarge.

digitarald · 1 year ago

Thx for testing, do u get any errors? I'll look into this tomorrow. I test with latest 1.2 trunk here and eill synchronize with the online one tomorrow.

Marc · 1 year ago

Javascript console says "property.camelCase is not a function". Line 2061.

Marc · 1 year ago

Sorry - that would be line 2061 of the full Mootools download, no compression, with comments. This is the code:

property = property.camelCase();

Looks like it's part of a function that sets the caption text style?

digitarald · 1 year ago

And u use MooTools 1.2 trunk, not one of the previous beta releases? I'm sorry but I had to use a version after beta 2, because the trunk solves a lot of problems and I use it in all my projects. But we'll release MooTools 1.2 stable soon.

That error u have there usually comes from the changed Fx.Tween::start arguments, its not (property, to), not only (to)

Bodom78 · 1 year ago

Wow, Fancyupload and this. Both a fantastic.

Just wanted to say a quick thanks for all your hard work and sharing it with us.

quer · 1 year ago

Hi,

is that possible to open an html files (ajax) with ReMooz?
i cant find a sample

digitarald · 1 year ago

At this time, no ... But it is extensible, with some lines additional code its possible.

coman · 1 year ago

Hey,

this is a wonderful script in combination with mootools. Great job! I was testing a lot with this script and no errors occured with mootools 1.2 dev.

But, i'm really interested in an autoload-function of a picture within this script. Unfortunately, i had no success to avoid the click-eventhandler. Is it generally possible ? Can you give me a hint please?

thanx

digitarald · 1 year ago

And what would that autoload function do? ReMooz has a preloader, when would u start pre-loading?

coman · 1 year ago

I would start preloading a picture after the webpage is loaded completely. Example: I have a set of pictures an the first of this picture-set opens automatically with a description of this picset in ReMooz-view (without clicking).

I hope you can understand my problem.

wernerm · 1 year ago

Hey Digitarald,

How about adding a scroll option, so that the enlarged image sticks to the same position even if the document is scrolled up or down, much like the Roar notifications?

Just a thought :)

Thanks, it's a great script.

digitarald · 1 year ago

Mh, no ... no sticky remooz.

jiggliemon · 1 year ago

Is there a way to make the remooz window pop-up on "domready" or "onload". I want it to fire once the the page is loaded sort of like a splash screen.

eduacostam · 1 year ago

Hi,
I was wondering if there's an easya way to make remooz have an overlay-box like squeezeBox has?

Thx a lot for your hard work

nicholasyoung · 1 year ago

Ok... Quick Q for somebody:

Great script, but has anyone done the mods to make it load ajax, and willing to share?

csuwldcat · 1 year ago

Dude...it does ajax load the images...look at the Net tab in FF...

Jurgendc · 1 year ago

sorry i have a quistion :-s

I want the images to load like on this page http://digitarald.de/project/remooz/1-0/showcas...
I only need 2 Download MooTools 1.2 with the options selected, and download # ReMooz.js
# ReMooz.css and the remo and closebox options right.

wenn i wanna download the images they load in a different page on this site. i cant download them 2 a file.. could someone please explane?

Benji · 1 year ago

Have been trying to implement your fantastic remooz, but haven't managed to get it to work. I've tried a number of ways to try to get it to work, but everytime I do I get the error (in Firebug): "missing : after property id":
The code is up on the link below:

http://benjibuls.com/remooz/

Lifely · 1 year ago

Hey man !!

It's a pretty cool script , i'm loving it ^^'

But i ask if you can make a version that work with Mootools 1.11 ?
Thanks a lot for this awesome Script

Matheus Eduardo · 1 year ago

doesn't work at Safari 4

digitarald · 1 year ago

Ok, I plan that for a future release ...

eduacostam · 1 year ago

I really like your script, and I've used it in a number of sites. Now I'm making a site in which I need to embed flash and images (this images are the ones that use ReMooz).
Now my problem is that when you click on the image and ReMooz opens it appears below the flash.
Ej: http://img242.imageshack.us/img242/224/screensh...

Well, I hope it has an ease answer because I really need to use this.

Thanks!

Michal · 1 year ago

Hi!

This problem should fix following solution. Try to set wmode parameter in OBJECT/EMBED tag to value "transparent". Then it should be ok.
You can find more info at http://kb.adobe.com/selfservice/viewContent.do?....

eduacostam · 1 year ago

Thanks, that worked great.

csuwldcat · 1 year ago

Hello Herald,

First off, congrats on your marriage (saw your mootools forge forum post),

Trying to get the script working on a slideshow right now. Hope this explanation is clear:

I have a slideshow built on mootools, it has thumbs below it, if you click a thumb it fades a larger img in above it to a css constrained 'medium' size. The image that is faded in in the slideshow is actually much larger. What I wanted to do was enable the user to click the 'medium' sized img above the thumb to supersize it using ReMooz. I am getting no errors and the element that I assigned is in fact getting the class of remooz-element but no remooz action happens onclick.

Here is the HTML section:

<div id="img_gallery">
<div id="fullimg" class="remooz-element">

Dock

<img src="http://wiredcat_userfiles.s3.amazonaws.com/932a58b35d6840d98d0b3d6fa52c9212_full_Dock.jpg"/>
</div>

Also my instantiation of your script is a bit different because I need to pass it a div not an a tag and I am wanting it to enlarge whatever img src url is currently inside it. Here is my funky initialization:

'var element = $('fullimg');

new ReMooz(element, {
'origin': 'img',
'shadow': 'onOpenEnd', // fx is faster because shadow appears after resize animation
'resizeFactor': 0.8, // resize to maximum 80% of screen size
'cutOut': false, // don't hide the original
'opacityResize': 0.4, // opaque resize
'dragging': false, // disable dragging
'centered': true // resize to center of the screen, not relative to the source element
});

});'

If this is not clear let me know and I will email a screen shot, assuming your not too busy to take a glance :)

Thanks Herald

csuwldcat · 1 year ago

oops the html got chopped up!

try again:

'<div id="img_gallery">
<div id="fullimg" class="remooz-element">

Dock

<img src="http://wiredcat_userfiles.s3.amazonaws.com/932a58b35d6840d98d0b3d6fa52c9212_full_Dock.jpg"/>
</div>'

ulliver · 1 year ago

hello harald

thx for your excellent mootools-work and your clear and concise documentation.

i'm using remooz for a project atm, but i can't seem to get it to work. after the site has loaded and i click on a pic, i get a js-error, saying "Error:Drag is not defined" in ReMooz.js, line 299.

BUT: this does ONLY apply to the official version of mootools 1.2 (downloaded from mootools.net). no matter if it's compressed or not. i tried to download the complete core or just the parts you recommended above - no difference. it also doesnt make a difference which browser i'm using. it simply wont work.

the only mootools-version that DOES seems to work, is the one you are using (js/mootools-trunk.js - version 1.2dev). i downloaded this script from your server and everything works like a charm. unfortunately it's about 5200 lines of code, instead of 3800 lines like the official version, plus it aint got no compression....

any ideas, how to fix this? anyone else, experiencing theses problems? i'd be really happy to hear from you. all the best

- uli

Rory · 1 year ago

The Mootools Core doesn't feature Drag.

You need to download the Mootools More extension, with at least the Drag function: http://mootools.net/more

Good Luck,

Rory

Sébastien Cramatte · 1 year ago

Hi,

ReMooz doesn't works With the latest Mootools 1.2 and Firefox 3 under Windows XS sp2
Firebug return me this error :

this.element.getTag is not a function
zoom()(Object x=1151 y=778)ReMooz.js (línea 328)
zoomRelative()(Object x=1151 y=778)ReMooz.js (línea 303)
openIframe()()ReMooz.js (línea 250)
open()(a#ifr0a.remooz-element indexdemo#, undefined)ReMooz.js (línea 122)
pass()()mootools...2-core.js (línea 56)
[Break on this error] if (this.element && this.element.getTa...() != 'img') this.box.set('opacity', 0);

Sean · 1 year ago

Is there any chance of a jQuery port of this plugin?

Peter · 1 year ago

I'm very happy with SlimBox : http://www.digitalia.be/software/slimbox

digitarald · 1 year ago

That is nice Peter. I'm happy with SqueezeBox for modal windows and ReMooz for non-modal windows.

csuwldcat · 1 year ago

Hey Herald, if one wanted to make remooz able to zoom a picture in a gallery container where the image in the container changes (think Jon Design's Smooth Gallery) how would one do so? I have remooz working great for instances where images are spit out on a page, but I also have a gallery that rotates images and due to the instantiation needs of the script I could not over come the issue. Any idea how to get the script to accept whatever it finds in a container even when what it contains changes img source?

csuwldcat · 1 year ago

Hey Herald, could you shed a little light on what route one might go to get a div and some inputs in the caption section of ReMooz?

This is what I have written but it fails silently and nothing is created in the caption area, picture still remoozs though...

generateTitle: function() {
var title = new Element('div', {
'id': 'dir_content',
'html': "<label>Enter your address for directions:</label><label>Street<input type='text' id='street' /></input><label>City, State<input type='text' id='city_state'></input></label><div id='getdir_button' class='select_button_wrap'><div class='select_button'>Get Directions!</div></div>"
});
}

csuwldcat · 1 year ago

for anyone else who wants this, I got html going for the caption of remooz. Change the last option to the code below. Then put drag option true of false if checks around the drag initialization block and the attach and detach sections that relate to dragging the window in the code (this is due to the fact that dragging will steal input focus, basically look for the word drag in the code and if wrap it)

`code`generateTitle: function(el) {
var title = el.getElement('.caption').get('html');
if (title.length == 0){return false}
var caption = new Element('div', {'html': title});
return (caption);
}`code`

All you need to do from now on is wrap a block of html in an element with the caption class and the html it contains will be placed in the caption.

I also got google maps opening in ReMooz if anyone is interested hit me up.

rick · 1 year ago

"I also got google maps opening in ReMooz if anyone is interested hit me up."

Please share!

csuwldcat · 1 year ago

var map;

function bizMapSet(){
map = new GMap2($('gmap_holder'));
map.checkResize();
var bizGLatLng = new GLatLng(bizLatLon.split(',')[0],
bizLatLon.split(',')[1]);
map.setCenter(bizGLatLng, 15);
map.addOverlay(new GMarker(bizGLatLng));
map.addControl(new GSmallMapControl());
map.enableScrollWheelZoom();
mapActive = true;
}

ReMooz.assign('#biz_map a', {
'origin': 'img',
'addClass': 'expando_bounds',
'shadow': 'onOpenEnd', // fx is faster because shadow appears after
resize animation
'resizeFactor': 0.75, // resize to maximum 80% of screen size
'cutOut': false, // don't hide the original
'opacityResize': 0.4, // opaque resize
'dragging': false, // disable dragging
'quickClose': true,
'closeOnClick': false,
'centered': true,
onClose: function() {
$('gmap_holder').setStyle('display', 'none');
},
onOpenEnd: function() {
if(mapActive == false){
this.box.setProperty('id', 'expando_map').grab('gmap_holder');
$('gmap_holder').setStyle('display', 'block');
var script = document.createElement("script");
script.type = "text/javascript";
script.src = "http://maps.google.com/maps?file=api&v=2.x&key="
+ gmapKey + "&async=2&callback=bizMapSet";
document.body.appendChild(script);

}
if(mapActive == true){
$('gmap_holder').setStyle('display', 'block');
map.checkResize();
}
}
});


it is grabbing the map div element and inserting it into the remooz instance
this is a single instance snippet, but using classes and the js this you
should be able to delegate the remooz instance and pull in what ever map you
want.

csuwldcat · 1 year ago

Hey Harald,

In working with your script for a while now there have been many times that I and other programmers in my group have wanted to just have ReMooz 'listen' on a container for a click and act on the tag source passed in that would contain the large image. Thomas wrote the event delegation that is supposedly going to see its way in to Moo 1.3, any chance you can give me a clue on how I might do this in the mean time? Here I'll give you a use case:

Say you have a gallery with tabs of different cities in the world a click on a tab ajaxically brings in that city's images. Currently we have to reassign ReMooz for each and every data retrieval. Since the UL the images are loaded into never changes it would be way better to just have ReMooz listen on it for a click instead of all the instantiation assignments.

This ability to not require instantiation over and over again when new content enters the page would really blow the doors off this script!

rick · 1 year ago

ReMooz is awesome. I was wondering if it's possible to get this working with an iframe? I'd like to have an image that when the user clicks on it opens an iframe. I found an old thread on the MooTools forum, but the download link leads to a 404.

Any help would be appreciated. Thanks

Bahadir · 1 year ago

Hi,

How can I open Google Maps?

Thank you!

Question · 1 year ago

I want to open a web page when clicking on a link, instead of zooming an image

kharon · 1 year ago

Hello Harald, thank you for your work on Remooz. I use it on my new website (www.kharon.com). I have a question, how could I replace the double click by a simple click to zoom on a picture ? I think the answer is easy to find but even if I really tried, I wasn't smart enough (I'm just a photographer :))...

lordfpx · 1 year ago

Hi, thank you for this great script !

The problem is that it's quite slow on my website (http://new.lordfpx.com), but I odn't think that comes from remooz, maybe it's a general javascript problemwhen it comes to resize a picture on a webpage, too bad, hopefully, browsers are now faster and faster.

Aurélien · 1 year ago

I could never have this script worked ! I guess I do something wrong :(
I use Mootools 1.2.1 !

Does someone knows any similar project ?

indy · 11 months ago

hi,
i think with the "How to use" tutorial will it not work... or?

flippy1234 · 11 months ago

Can anyone offer advice on the remooz window showing up underneath select boxes on the page in IE6?

Michal · 10 months ago

Hello to all,

I can not start ReMooz, could anyone give me what to do? Thank you

Jakob Alminde · 10 months ago

This is very delicious, but there should be an archive with it! Nobody wants to manually download 13 images. :<

Un an unrelated note: Why the cccccaakes is this in a frame‽ *nausea*

Stunt · 10 months ago

this is Basic of using ReMooz for you , if you have problem for using ReMooz try it :

http://www.raterror.com/upload/basic_of_using_r...


Erik Espinoza · 10 months ago

I'm having troubles with this next error "Drag is not defined" seems like theres not a Drag class deifnes anywhere but the ReMooz is using it

digitarald · 10 months ago

ReMooz uses Drag.js, it is included in mootools-more. Use the downloader on clientcide if you want a customized version with core and more.

flip-flop · 7 months ago

ReMooz V1.0 in combination with MooTools1.2.2 needs the Drag - Drag.Move components from the MooTools1.2.2-More set.

Knut

Erik Espinoza · 10 months ago

Thanks 4 the help, It woks now !

Milos · 9 months ago

Can the page be darkened like with SqueezeBox when the image is opened?

digitarald · 9 months ago

ReMooz is not modal, so it is not planned. It should provide a seamless user interaction, black backgrounds totally cut the user off.

VIRUS · 9 months ago

In IE6 field select atop of container image. How fixed this bug ?

kermazoft · 8 months ago

Why do you use versioning in changelog and not in source code?

Rossco · 8 months ago

I would like to be able to open another webpage or even an html element that is hidden in the page, is this possible or is it only to open images?

Thanks!

digitarald · 8 months ago

Support and discussions moved to http://digitarald.de/forums/. If you already commented it here, please repost your question or bug report in the forum to get support.

MoFoQ · 8 months ago

awesome project; it also works with mootools-created DOMs unlike many other "similar" projects.

anyways, just a suggestion but why not un-hardcode the z-index values ("41" and "42" in ReMooz.js) and make it into optional options with default values instead? (for me, I needed the ReMooz box to be in the 9xx range since I have other elements layered below the ReMooz box but above the main page)

kerk · 7 months ago

Thanks for this project. It works excellent for my needs. I specifically needed something that could scale my images as I have no control over the size of images I want to view. None of the other mootools based lightbox scripts will do that.

Spechal · 6 months ago

Very pleased. Thank you!

Melissa · 5 months ago

I can't get this to work. Is there something missing??

Raymond · 5 months ago

Thanks for this cool plugin :)