Cool thanks a lot.
I am using that at the moment:
var shapes3 = hypeDocument.getElementById(“shapes3”);
var img = document.createElement(“IMG”);
img.width = “400”;
img.height = “745”;
img.src = “images/TimeOut/89/89.02.jpg” ;
And it works good, the trouble is that I have about 300 images to feed. and I am looking for a more kind of concentrated way to organise it.
The problem I have is, if I use…
img src=“images/TimeOut/89/89.01.jpg” width=“406” height=“745”
It will load all images on the server before the basic page images and take about 3 minutes to load the page. even if the file is not on the page.hypersource folder, they will somehow load on the server, I guess because the url stands in the page, but as I have another page using an imageViewer where the outer files load real well I am trying to use a similar method, to understand what I mean, you can check the following url: http://www.aeroloop.com, the page web design or paintings (which have the imageViewer) are loading fast and the images in the imageViewer load as we open the viewer. But Publishing page is my current nightmare.
Is it possible to have a way calling the image like the imageViewer do without having the viewer with a unique element id, calling the image with the Unique Element ID on load?
var imageViewer = hypeDocument.getElementById(imageViewer’)
//get the current background image url
var currentImageURLSplit = imageViewer.style.backgroundImage.split("/");
//-- remove remove extraneous parts leaving image file name
var currentImage = currentImageURLSplit[ currentImageURLSplit.length - 1].split(".jpg");