Archive for June, 2010

just 4 kidz – up and running

Wednesday, June 30th, 2010

After quite a lot of effort and illnesses, which caused many lost weeks of work, is up and running and taking orders.

Its a website my brother and his girlfriend are running to sell great children’s clothes at great prices.

I’m sure I never had anything like this Thomas The Tank Engine jeans when I was young and I think I have seen Sam wearing a T-Shirt like the Spider Man T-Shirt.

Steve was the great artist who came up with the logo.  Its a bit over the top but they wanted the website to be bright.  Its simply a combination of 3 images from merged together in Inkscape.

The original website they were given looked like something from the 90s with anim gifs and flash everywhere.

They had flash images on the page which were the main menus links, unfortunately each one opened a different named target (i.e new tab/browser) 🙁

I have no idea how people can get away will doing such rubbish.

I now want to add a simple admin section for my brother to add new items and remove items when they are out of stock, but this shouldn’t take long now.  Then I shouldn’t have to do anything too it again.

I also had to fix a lightbox problem because of the length of the page.  E.g on the Dungarees page.  You can see my previous post here.

I think the items need more close up images of the childrens logos too.  Like on the thomas the tank engine jeans, they should have a close up of thomas logo.

Lightbox v2 problem with the positioning on long pages

Friday, June 18th, 2010

I have recently been integrating Lightbox v2 into a few websites, but on one if these I started to see something very strange.

On pages which were long there was a problem with the Lightbox ‘window’ appearing very low on the page or ever off the bottom of the page.

The problem gets worse the further down the page you go. So at the top of the page the lightbox location is correct, half way down the page it was only about 100 pixels off, but by the end of the page the top of the lightbox window is below the centre of the screen and ends below the bottom of the browser.

After some searching I found a few other pages with the same problem. One being here.

The problem is caused by a bit of code in the lightbox.js file. For some reason the top of the lightbox is calculated based on the height of the view port. I don’t know why this is done, but it doesnt work.

var lightboxTop = arrayPageScroll[1] + (document.viewport.getHeight() / 10);

I simply wanted the lightbox to appear in the same location regardless of how far the user has scrolled down the page. I changed the line to be this :

var lightboxTop = 50 + arrayPageScroll[1];

This makes the lightbox ‘window’ appear 50 pixels from the top of the browser.