[jQuery] Re: Border around fisheye images

[Wolfram Rösler]

Hi,

 .fisheyeItem img {  width: 90%; }

Works great and does just what I've been looking for. Thanks a lot!

Best regards
Wolfram Rösler

[jQuery] Re: Border around fisheye images

[Wolfram Rösler]

Hi,

 this is your code stating a width is 32, then you have img margin as much 
 as 10, losing 1/3 of space inside a
 no need for margin on img
 $('#Flags').html(HTML).Fisheye(
 {
  maxWidth: 48,
 items: 'a',
  itemsText: 'span',
 container: '.fisheyeContainter',
  itemWidth: 32,
  proximity: 32,
  halign : 'center'
 });

Sorry, I'm afraid I don't quite understand. Could you elaborate?

[jQuery] Re: Border around fisheye images

[Charlie]

this was css related but sounds like you got it working in last post

Wolfram Rsler wrote:

  Hi,

  
  
this is your code stating a width is 32, then you have img margin as much as 10, losing 1/3 of space inside a
no need for margin on img
$('#Flags').html(HTML).Fisheye(
{
maxWidth: 48,
items: 'a',
itemsText: 'span',
container: '.fisheyeContainter',
itemWidth: 32,
proximity: 32,
halign : 'center'
});

  
  
Sorry, I'm afraid I don't quite understand. Could you elaborate?

  

[jQuery] Re: Border around fisheye images

[Paul Mills]

Hi,
Try setting width of image to 90%

.fisheyeItem img {  width: 90%; }

Paul

On Jun 29, 9:46 am, Wolfram Rösler wolfram.roes...@gmail.com wrote:
 Hello,

 I have a couple of images in a fisheye that I want to be displayed
 with some space between them.

 Currently, jQuery displays the images directly connected to each
 other:

 XXXYYYZZZ
 XXXYYYZZZ
 XXXYYYZZZ

 (XXX stands for the first picture, YYY for the second, and ZZZ for the
 third)

 What I want is this:

 XXX YYY ZZZ
 XXX YYY ZZZ
 XXX YYY ZZZ

 I tried margin-left: 5px in the style sheet but this cuts off 5
 pixels from the right of each but the rightmost image, and the images
 seem to overlap when the mouse goes over them. I then tried margin-
 right instead, which showed no effect at all.

 Putting nbsp; between the imgs or spans also doesn't work.

 You can see the effect here:http://www.roesler-ac.de/fisheyeborder/
 and download the sample code from:http://www.roesler-ac.de/fisheyeborder.zip
 The margin is set in the styles.css file (see comment).
 Note how the English flag is cut off, and how the margins behave when
 the mouse moves over the flags.

 Any idea how to make this work?

 Thanks for any help
 Wolfram Rösler

[jQuery] Re: Border around fisheye images

[Charlie]

this is your code stating a width is 32, then you have img
margin as much as 10, losing 1/3 of space inside a

no need for margin on img

$('#Flags').html(HTML).Fisheye(
{
maxWidth: 48,
items: 'a',
itemsText: 'span',
container: '.fisheyeContainter',
itemWidth: 32,
proximity: 32,
halign : 'center'
});




Wolfram Rsler wrote:

  Hello,

I have a couple of images in a fisheye that I want to be displayed
with some space between them.

Currently, jQuery displays the images directly connected to each
other:

XXXYYYZZZ
XXXYYYZZZ
XXXYYYZZZ

(XXX stands for the first picture, YYY for the second, and ZZZ for the
third)

What I want is this:

XXX YYY ZZZ
XXX YYY ZZZ
XXX YYY ZZZ

I tried "margin-left: 5px" in the style sheet but this cuts off 5
pixels from the right of each but the rightmost image, and the images
seem to overlap when the mouse goes over them. I then tried "margin-
right" instead, which showed no effect at all.

Putting nbsp; between the imgs or spans also doesn't work.

You can see the effect here: http://www.roesler-ac.de/fisheyeborder/
and download the sample code from: http://www.roesler-ac.de/fisheyeborder.zip
The margin is set in the styles.css file (see comment).
Note how the English flag is cut off, and how the margins behave when
the mouse moves over the flags.

Any idea how to make this work?

Thanks for any help
Wolfram Rsler