cbeyls / slimbox Goto Github PK

What steps will reproduce the problem?
1. Use an image with a parentheses in the filename, 'xyz (1).jpg' for example
2. Load slimbox
3. The image will not be displayed

What is the expected output? What do you see instead?
Instead of the image being loaded, a blank empty white box is displayed. If 
multiple images are present in the list, sometimes the other images are 
repeated.

What version of the product are you using? On what operating system?
2.04

Please provide any additional information below.

The slimbox reads the title attribute from the img-tag, but unfortunately
it doesn't escape the value. Even if the text is correctly escaped in HTML
it'll be run when opening the slimbox layer.

Steps to reproduce the problem:
1. Create a lightbox Gallery with this code:

<a href="test.jpg" rel="lightbox-gallery"
title="&lt;script&gt;alert(&#039;tadaaa&#039;)&lt;/script&gt;"><img
src="test_sm.jpg" alt="" /></a>

When clicking on the picture, the lightbox opens and an alert box "tadaaa"
shows up. I'd expect slimbox to escape the title value and not allow any
script execution...

Tested in FF 3.0.10, IE 8.0 width slimbox v2.02

Only 4 images shows up per page, the total gallery has about 90 images in it - 
how can I modify this so that I can browse all at once?
Now I have to go through about 26 pages with 4 images on each...
Can't figure how to change this
Please help

This is in Google Chrome on Wordpress 3 on a Laptop with Windows XP I think

What steps will reproduce the problem?
1. put a slimbox on a page containing an object (like Flash video)
2. launch the slimbox
3. close it

What is the expected output? What do you see instead?

The video has been hidden during the slideshow but showed back at the end.


What version of the product are you using? On what operating system?

jQuery 1.4.1, slimbox 2.02.


Please provide any additional information below.

I changed $.data("slimbox") with $.attr("data-slimbox") and it works that 
way. "data-" is an HTML5 feature though.

A ticket has been opened at jQuery's bugtracker 
too: http://dev.jquery.com/ticket/6073


BTW, I tested with Firefox 3.5.6 on Linux.

What steps will reproduce the problem?
1. Firefox 19.0.2
2. Page height greater than browser window
3. jQuery 1.9


What is the expected output? Image center of browser window (all fine in IE)

What do you see instead? Have to scroll down to find image


What version of the product are you using? Slimbox2 with Barry's patch for 
jQuery 1.9 
On what operating system? 


Please provide any additional information below.
no other css called up, no embedded style
see test here http://www.fourandtwenty.org/gallerytest.html

What steps will reproduce the problem?
1. Get Chrome 3
2. Go to http://www.digitalia.be/demo/slimbox/
3. Open any image

What is the expected output? What do you see instead?
The expected output is the full picture. What I see is just the left side 
of the picture displayed with incorrect width. The right side margin is 
missing.

What version of the product are you using? On what operating system?
Slimbox 1.71, Mootools 1.2.4 (same with any Mootools 1.2 core)

Please provide any additional information below.
The slimbox 1.58+mootools 1.11 core seams to work as expected

What steps will reproduce the problem?
1. Place a select tag in the body of the page
2. Load the page in Internet Explorer 6 or firefox 2
3. Activate one slimbox image

What is the expected output?
The slimbox div should cover all the page

What do you see instead?
The selects shows up over the slimbox's div


What version of the product are you using? On what operating system?
slimbox 1.64
Windows 2000 SP4


Please provide any additional information below.
Possible fix:
1. http://groups.google.com/group/slimbox/msg/bf4ab579499d3eb8
2.
http://weblogs.asp.net/bleroy/archive/2005/08/09/how-to-put-a-div-over-a-select-
in-ie.aspx

Thanks

What steps will reproduce the problem?

1.When the dir attribute of html (in body tag) is RTL the slimbox is not
work properly in ie6 (really dummy ie)

What is the expected output? What do you see instead?
In ie6 the animating slimbox is growing only from right side instead of
resizing from both sides

What version of the product are you using? On what operating system?
Slimbox v2.03 and ie6

Please provide any additional information below.
I have resolved the problem by adding a direction Flag and changing the way
of animating when the browser == ie6 and dir == RTL
I am attaching the resolved file, I hope to be useful

Thanks for slimbox

What steps will reproduce the problem?
1. I only use SRC (not minified) as JS 
2. When click over image, just show image in browser as normal link 


What is the expected output? What do you see instead?
Work as minified  version do.

What version of the product are you using? On what operating system?
slimbox 2.04 under Windows 7 / Chrome-FF14 

Please provide any additional information below.

What steps will reproduce the problem?
1. Click on thumbnail which is a link to bigger image file. Files are
grouped by "rel" attribute, ex."lightbox-album". Link source ex
"some_picture(2).jpg".  

What is the expected output? What do you see instead?
I see everything (slimbox navigation, picture description etc.) without
picture from "src" attribute in link tag.


What version of the product are you using? On what operating system?

Slimbox v1.69, Linux/Windows, Firefox 3/Opera 9.6.

Please provide any additional information below.

I have changed the loop boolean to true and it does create the loop.

http://oxycheq.com/test/index.php?main_page=product_info&cPath=4_5_6&products_id
=2

Please advise what I can look at to ensure this works?


Files names used:

OW-06-R1SS.jpg
OW-06-R1SS_01.jpg
OW-06-R1SS_02.jpg
OW-06-R1SS_03.jpg
OW-06-R1SS_04.jpg

Hi,

This is a modification made by me for slimbox-1.17a to work with
mootools 1.3.

Hope this helps!

I just replaced some deprecated functions with new ones:

injectInside(x) -> inject(x,"bottom")
$extend -> Object.append
$empty  -> Function.from()
Browser.Engine.trident4 -> Browser.ie6

I would like to show image but make sure it is never bigger then the available 
client area.
If the image is bigger then I would like it to be as big as possible but never 
bigger than what the client can see.

When using ie6/7 with slimbox and pages which are rtl, slimbox is not
centered, and displays to the side, always to the right.
see attached pic.

What steps will reproduce the problem?
1. use mootools 1.2.x
2. add anchor over image tag with set dimensions
<a href="logo.jpg" rel="lightbox" title="logo"><img alt="logo" 
src="thumbnails/logo.jpg" height="300" width="200" /></a>
3. open site in Google Chrome 8

What is the expected output? What do you see instead?
slimbox width is equal to thumbnail width

What version of the product are you using? On what operating system?
Slimbox 1.71
MooTools 1.2.4
Google Chrome 8
Windows 7 x64

Please provide any additional information below.
In all other browser everything is ok.
With mootools 1.1.x and slimbox 1.5.8 everything is also ok.

If anchor contains text and style is set to block with width and height than 
there is the same bug
<a style="display:bloc;width;200px;height:300px; ... >text</a>

What steps will reproduce the problem?
1. install Sifr3 revision 414 on your website
2. use rel="lightbox" in sifr html text


What is the expected output? What do you see instead?
link to image in href="" but we need to open slimbox with that image


When Sifr replaces the HTML text and also links they cannot be opened with 
Slimbox. 

What steps will reproduce the problem?
1. Download 1.8 released 20 aug
2. Install, wont work
3. check javascript error log:
>Uncaught exception: TypeError: '$(document.body).adopt' is not a function

I added an $ and then it worked. Thats all i know im not a Mootools developer, 
i dont know this stuff.

Doesn't adjust the width to the full width of the image.

Doesn't add the overlay even when set to '1'. Moo 1.2.2

What steps will reproduce the problem?
1. If in install the lavalamp jquery plugin which I use for my menu Slimbox
does not work.
2. I had 2 versions of jquery.min.js loading since both apps used it and
deleted one so I thought that was the problem at first but didn't  
3. If I delete jquery.easing.min.js it works fine but then the lavalamp
plugin doesn't work.


What is the expected output? What do you see instead?

I expect a image to open up but instead i get a blank square with slimbox

What version of the product are you using? On what operating system?

I am using version 2.02. the other version I used with mootools wouldn't
work at all. this one pops up a box that is set in size and just displays a
blank image

Please provide any additional information below.

I'm just starting to play with java and am trying to get my page up but I
don't understand how to program it or much about it. Is there a way to get
both plugins working or do I have to choose one or the other. 

Could someone please take a look at this.

What steps will reproduce the problem?
In the attached source file:
1. change activeURL in the errorLoadingImage() function to a relevant path 
of an existing image.
In the application
2. Init slimbox with an image set containing several incorrect image URLs 
in a row.

What is the expected output? What do you see instead?

This function should produce a default image when the expected URL fails, 
however the default error image will not always be displayed, as the 
lbImage div  is not getting its visibility style set to ""

What version of the product are you using? On what operating system?
Slimbox2, jquery 1.3.2, firefox and chrome on Win XP SP3 

Please provide any additional information below.

I know you didn't write this script and I am not a javascript developer but 
I thought it would make a good feature and I didn't expect the problem.

What steps will reproduce the problem?
1. Link to the same image using the same lightbox-group in the rel attribute
2. Click on the thumbnail and it pops up the same image multiple times.

What is the expected output? What do you see instead?
Duplicate links should be consolidated.

What version of the product are you using? On what operating system?
slimbox2 - jquery

Please provide any additional information below.

What steps will reproduce the problem?
1. On Win XP (Win32), use vanilla installation of Opera 9.27 (build 8841 in
my case).
2. Try any of the two demos on digitalia.be
(http://www.digitalia.be/software/slimbox2#demo)


What is the expected output? What do you see instead?
- Expected Slimbox2 to run decently.
- Slimbox2 starts but renders the hole screen completely black (the
#lbOverlay with zero transparency i assume).
- The overlay got the quit-slimbox js-handle attached, so clicking the
black screen exits slimbox and reviels the original page.


What version of the product are you using? On what operating system?
- Demo version at http://www.digitalia.be/software/slimbox2#demo per
September 8 2009.


Please provide any additional information below.
Since both jQuery and Digitalia.be states compability in Opera 9+, we
assumed Slimbox2 to be working in Opera version 9.27, or any version >= 9.0
(on Win32/XP). This does not seem to be the case, or am I missing something
out maybe?
Will these versions be unsupported or is it possible to get a fix in?
Cheers, and god work on a otherwise exelent Lightbox!

Slimbox.open(" http://externalwebsite.com/tree.html ", "My beautiful tree ")

will this work? html instead of image


Terry Davies
[email protected]

What steps will reproduce the problem?
1. Create SproutCore application.
2. Invoke slimbox with multiple images
3. Hover with the mouse on both sides of the image

What is the expected output? What do you see instead?
Next show when mouse is at the right half of the photo and Previous on the left 
side.

What version of the product are you using? On what operating system?
Slimbox v2.04

What steps will reproduce the problem?
1. Launched author's example file in Chrome, FF, IE
2.
3.

What is the expected output? What do you see instead?
Expected to see example.jpg display in lightbox. 
What I see is the overlay, the lbImage and lbBottom containers with a white 
background, the text and the close button but no picture.

What version of the product are you using? On what operating system?
Using version 2.05 with jQuery 1.9.1.

Google Chrome: v27.0.1453.94
FireFox: v17.0.1
IE: v9.0.811216421
OS: Windows 7 Enterprise SP1

Please provide any additional information below.
Tested with different page using anchors around images. Anchor had full sized 
image, image was thumbnail. Had no problems on a different computer running XP 
with Chrome or Firefox (don't know the versions)

IE9 error
Unable to get value of the property '0': object is null or undefined 
slimbox2.js, line 201 character 29

something is wrong with nextImage and prevImage var at the end of the array !

code:
if (prevImage >= 0) preloadPrev.src = images[prevImage][0];
if (nextImage >= 0) preloadNext.src = images[nextImage][0];

What steps will reproduce the problem?
1. Use slimbox successfully with jQuery 1.4
2. Upgrade to jQuery 1.9
3. Try to use slimbox -- it's broken

What is the expected output? What do you see instead?
When I activate slimbox, I expect the window to be darkened with a normally 
lighted picture showing next and prev tabs and a close button at the bottom.  
Instead I see the picture and window darkened, no navigation or close links.  
Clicking amywhere on the window removes the picture and lightens the window.

What version of the product are you using? On what operating system?
slimbox 2.04 on Internet Explorer 9

Please provide any additional information below.
I have attached a fixed version of the file with the changed section marked on 
lines 40 - 60.

What steps will reproduce the problem?
1. put im,ages in div
2. let that div float right
3. the first picture is now the last picture according to slimbox

What is the expected output? What do you see instead?
the most left picture being number 1 on the image list.

What version of the product are you using? On what operating system?
v1.71

What steps will reproduce the problem?
1. Use the"Enabling HTML DOM elements" way of launching Slimbox2, i.e. 
jQuery(expression).slimbox(options, linkMapper, linksFilter);

2. Having items in rel-attribute value of anchor-tags that differs among at set 
of links with equal lightbox-attribute-values, i.e.
<a rel="lightbox-1234" ... ><img ... /></a>
<a rel="lightbox-1234" ... ><img ... /></a>
<a rel="lightbox-1234 second" ... ><img ... /></a>
<a rel="lightbox-1234 second third" ... ><img ... /></a>

What is the expected output? What do you see instead?
Expected to see all four links/images grouped together in a single slimbox.
What happens is that image 1 and 2 are grouped together, image 3 and image 4 
shows in separate slimbox instances.


What version of the product are you using?
Slimbox 2.04 for jQuery 1.3 and 1.4.

On what operating system?
OSX. Firefox/Chrome

Please provide any additional information below.
We did solve our case by modifying the linksFilter function used by "The 
default autoload code block".

function(el) {
  var thisRel = /lightbox\S*/.exec(this.rel),
            elRel = /lightbox\S*/.exec(el.rel);
  return (this == el) || ((thisRel[0].length > 8) && (thisRel[0] == elRel[0]));
}

This way the actual lightbox parts of the rel-values are evaluated instead of 
comparing the complete rel-value string.

Maybe this is not considered a bug, and the linksFilter-function came in very 
handy to solve our case, but we were a little surprised that other separate and 
irrelevant items in rel-attribute broke the way we thought slimbox would behave.

Apart from this, big ups for a great product.
/Martin Lekvall 

What steps will reproduce the problem?
1. Simply click on an image with a slimbox popup window defined, on iPad 
w/Safari
Works fine on a PC with various versions of IE ir D
3.

Wirefoxhat is the expected output? What do you see instead?
Expect the popup window with the image and title
Instead the window pops up, the text and the close button are displayed, but 
the image is not

What version of the product are you using? On what operating system?


Please provide any additional information below.

So you know, there are problems using slimbox2 and jQuery1.9 and here's a 
proposed fix 
http://stackoverflow.com/questions/15336690/slimbox-overlay-in-front-of-the-imag
e.

Cheers!

NuGet is a great way to attach libraries to .NET projects, it enables users to 
reference a library with a single click.

Check this for example:
https://www.nuget.org/packages/jQuery/

1. images dont rotate first image only displays
2. no callbacks dsiplayed to enable manual move to next image

using IE10 windows 7 64 bit

3. Doesnt display at all in IE 9 Windows 7

http://sillks.com/

can anyone suggest a fix ? I love this lightbox

In Firefox, the following code will cause Slimbox 2.03 to display no image:

var pics = [["galleries/1/Summer field.jpg"]];  
jQuery.slimbox(pics, 0);

It will just show an empty box.  

The fix is add quotes in line 187 of slimbox2.js as follows:

$(image).css({backgroundImage: "url('" + activeURL + "')", visibility:
"hidden", display: ""});

[deleted issue]

What steps will reproduce the problem?
1. Open example.html.
2. Resize your browser smaller than the image width.
3. Click the link to display the image.

What is the expected output? What do you see instead?
The image appears wider than the browser. I would expect to be able to scroll 
horizontally to see the rest of the image or have the image scale down to fit 
in the viewport, but instead I get an infinite scrollbar horizontally.

What version of the product are you using? On what operating system?
Occurs in slimbox 2.04. Observed on:
Windows: IE6, IE7, IE8
OS X: Chrome, Safari, Firefox3.6

Please provide any additional information below.
I have attached a patch that fixes this issue by scaling the image down, and an 
image that goes with it in the css directory.
This uses an img tag to scale the image, instead of a background-image that 
will not scale.

What steps will reproduce the problem?
1. Create a lightbox image (img + link wrapped around it) whose link has a 
title tag with newlines (\n)
2. Click on the lightbox image
3. The lightbox caption will not display a new line a <br />

What is the expected output? What do you see instead?
When the title attribute spans multiple lines (has some \n in it) those 
newlines should get replaced by <br /> tags in the slimbox output.


What version of the product are you using? On what operating system?
Linux / Firefox


Please provide any additional information below.
See attached patch

What steps will reproduce the problem?
1. replace the 5ko compressed slimbox2.js file by the 9ko version
I want to use the src version in order to be able to add a link in the 
description displayed below the picture. 

What is the expected output? What do you see instead?
I am expecting the player to work, but when I click on the thumbnail i reach 
the jpg file in the browser.

What version of the product are you using? On what operating system?
2.04 on XP SP3 in any browser, Windwos7 any browser. 

Please provide any additional information below.

There is no option to automatically scale the picture in order to make it fit 
the screen. Is this planned ? :)

What steps will reproduce the problem?
1. Set slimbox and flash player in one page
2. Open slimbox gallery.
3. After closing slimbox

It will set visibility to hidden to Flash player, so it will disappear but i 
need flash player to be there as it is.


I am using 1.71 are you using? On unix operating system?

What steps will reproduce the problem?
1. Reviewed the javascript, change some quotes from doubles to singles and
case of the N values.
2. Searched Google. Reviewed some links and found nothing that help me.
3. Posted to this site.

What is the expected output? What do you see instead?
Not very sure the expected output however I'd assume the browser would be
detected. I get this error:

Browser is not defined
N()()slimbox.js (line 6)
slimbox.js()()slimbox.js (line 6)
[Break on this error] var Slimbox=(function(){var
F=window,n=B...=u.loop&&(g.length>1);return b(O)}}})();

What version of the product are you using? On what operating system?
Using version 1.69 Mootools. Tested on a MAC OS 10.5 and PC XP and VISTA
with different browsers such as IE6/8 and FF3 for PC also Opera, Safari and
FF3. It only seems to effect IE some times like on a page refresh.

Please provide any additional information below.
praveen.thaivalappil.com Using Joomla 1.5 and a modified JA_purity template
with Mootools.
Thank you

What steps will reproduce the problem?
1.Try to load a damaged jpg in Firefox 3.5.5  

There is no image in Firefox 3.5.5 and Opera 9.6, but in IE7 the part of
the picture is shown, same goes for Safari 4.0.3.

Im using Slimbox v2.03,jquery-1.3.2. Running on Windows XP SP3, Wamp 2.0


This is not really a bug, because the picture is damaged in the first
place, but if there is a smalll damage at the end of the file you can still
see almost the whole picture. It can be loaded in IE and Safari, so there
must be a way to load it in FF and Opera too. :)