Closed Thread Icon

Topic awaiting preservation: Help!! Image Pre load.... Pages that link to <a href="https://ozoneasylum.com/backlink?for=8692" title="Pages that link to Topic awaiting preservation: Help!!  Image Pre load...." rel="nofollow" >Topic awaiting preservation: Help!!  Image Pre load....\

 
Author Thread
Jan_man
Nervous Wreck (II) Inmate

From:
Insane since: Jun 2003

posted posted 06-05-2003 05:36

have slide show that loads many images either 1 or 2 at a time, would like to preload the "next" image set to speed it up, but any preloading "scripts" that I've found end up not using the cache and "double loading" the images anyway. You can check out the slide show at
http://24.223.138.102/art_232_chapter_14/art.htm

but you must use internet explorer for the page to function properly. Can you suggest any scripts? or techniques?

Any help is appreciated!
Jan

in case you were wondering, here's the script that runs the slide show (any suggestions? questions? etc?)

<title>ART_232_chapter_14</title>


<!---- altwin.htm opens image in new window with over image titling ---->
<!---- made with the Image View Web Builder ----->

<body bgcolor="#000000" text="#3366FF">

<p align="center"><input type="button" name="btnPrev" value="<< Previous" onclick="Prev();"> <input type="button" name="btnNext" value=" Next >> " onclick="Next();"></p>

<p align="center"> <a href="javascript:newWindow(newimgc)"> <img name="SlideL" border="0" onMouseover="window.status=' '; return true" onMouseout=" window.status=' '; return true"> </a><a href="javascript:newWindow(newimgc)"> <img name="SlideC" border="0" onMouseover="window.status=' '; return true" onMouseout=" window.status=' '; return true"> </a><a href="javascript:newWindowR(newimgr)"><img name="SlideR" border="0" onMouseover="window.status=' '; return true" onMouseout=" window.status=' '; return true" > </a> </p>
<p align="center"><script language="JavaScript1.2" event="onload" for="window">


main();
</script>
<script language="JavaScript1.2">

var lwid=1;
var lhit=1;
var rwid=1;
var rhit=1;
var winW=1;
var winH=1;
var maxhit=1;
var maxwid=1;
var nwwid=1;
var nwhit=1;
var nxt=1;

g_iimg = 0;
g_imax = 0;
g_ImageTable = new Array();


if (navigator.appName.indexOf("Microsoft")!=-1) {
winW = document.body.offsetWidth-20;
winH = document.body.offsetHeight-20;
maxwid=Math.round((winW/2)-20)
maxhit=winH


function ChangeImage(fFwd)
{
if (fFwd)
{
if (++g_iimg==g_imax)
g_iimg=0;

}
else
{
if (g_iimg==0)
g_iimg=g_imax;
g_iimg--;
}

Update();
}

function Update(){
{



document.all.SlideL.src = blankimg;
document.all.SlideR.src = blankimg;
document.all.SlideC.src = blankimg;

SlideL.width=3;
SlideL.height=3;
SlideR.width=3;
SlideR.height=3;
SlideC.width=3;
SlideC.height=3;
}


if (g_ImageTable[g_iimg][4]== " ") {

document.all.SlideC.src = g_ImageTable[g_iimg][0];
newimgc=g_ImageTable[g_iimg][0];

if (g_ImageTable[g_iimg][1] != " "){
SlideC.alt= g_ImageTable[g_iimg][1];
}
else
{
SlideC.alt=""
}

cw=(g_ImageTable[g_iimg][2]);
ch=(g_ImageTable[g_iimg][3]);
SlideC.width=cw
SlideC.height=ch
Ciar=cw/ch;
CWiar=SlideC.width/winW;
CHiar=SlideC.height/winH;

if (CWiar>CHiar && CWiar>1){
SlideC.width=winW-20;
SlideC.height=Math.round(winW-20)/Ciar;
}

if (CHiar>CWiar && CHiar>1){
SlideC.height=winH-20;
SlideC.width=Math.round(winH-20)*Ciar;
}


}
else
{

document.all.SlideL.src = g_ImageTable[g_iimg][0];
newimgc = g_ImageTable[g_iimg][0];
document.all.SlideR.src = g_ImageTable[g_iimg][4];
newimgr = g_ImageTable[g_iimg][4];

if (g_ImageTable[g_iimg][1] != " "){
SlideL.alt= g_ImageTable[g_iimg][1];
}
else
{
SlideL.alt=""
}

if (g_ImageTable[g_iimg][5] != " "){
SlideR.alt= g_ImageTable[g_iimg][5];
}
else
{
SlideR.alt=""
}

lw=(g_ImageTable[g_iimg][2]);
lh=(g_ImageTable[g_iimg][3]);
liar=lw/lh;

if ((lh/maxhit)>(lw/maxwid)){

SlideL.height=maxhit;
SlideL.width=Math.round(maxhit*liar);
}
else
{
SlideL.width=maxwid;
SlideL.height=Math.round((winW/2)/liar);
}

rw=(g_ImageTable[g_iimg][6]);
rh=(g_ImageTable[g_iimg][7]);
riar=rw/rh;
if ((rh/maxhit)>(rw/maxwid)){

SlideR.height=maxhit;
SlideR.width=Math.round(maxhit*riar);
}
else
{
SlideR.width=maxwid;
SlideR.height=Math.round((winW/2)/riar);
}
}

}

function Prev()
{
ChangeImage(false);
}


function Next()
{
ChangeImage(true);


}

function main()
{
Update();
}

function newWindow(newimg) {


nwwid=g_ImageTable[g_iimg][2];
nwhit=g_ImageTable[g_iimg][3];


if (nwwid > winW){
chk = "resizable=yes,scrollbars=yes,width=" + winW;
}
else
{
chk = "resizable=yes,scrollbars=yes,width=" + nwwid;
}


if (nwhit > maxhit){
chk = chk + " , height= " + maxhit;
}
else
{
chk = chk + " , height=" + nwhit;
}

bookWindow = window.open(newimg,"bookWin",chk);
bookWindow.focus();
}


function newWindowR(newimgr) {


nwwid=g_ImageTable[g_iimg][6];
nwhit=g_ImageTable[g_iimg][7];


if (nwwid > winW){
chk = "resizable=yes,scrollbars=yes,width=" + winW;
}
else
{
chk = "resizable=yes,scrollbars=yes,width=" + nwwid;
}


if (nwhit > maxhit){
chk = chk + " , height= " + maxhit;
}
else
{
chk = chk + " , height=" + nwhit;
}


bookWindow = window.open(newimgr,"bookWin",chk);
bookWindow.focus();


}

blankimg=("blank.jpg")


}
else
{
window.location="http://www.microsoft.com/downloads/searchdl.asp?"
}


g_ImageTable[g_imax++] = new Array ("a_232_intro.jpg"," ","515","727","michelangelo_libyan_large.jpg","Michelangelo. Libyan Sibyl, Sistine Chapel ceiling.","762","1133");
g_ImageTable[g_imax++] = new Array ("03_chapter_14_intro.jpg"," ","515","727","hiberno_saxon_crucifixion.jpg","Crucifixion, plaque from a book cover (?). 8th c. Bronze.","604","673");
g_ImageTable[g_imax++] = new Array ("01_british_isles_scandinavia.jpg"," ","515","727","MAP_12_barbarian_christian_north_europe.jpg"," ","648","684");
g_ImageTable[g_imax++] = new Array ("z_21_scandinavia_1.jpg"," ","515","727","MAP_12_barbarian_christian_north_europe.jpg"," ","648","684");
g_ImageTable[g_imax++] = new Array ("11_scandinavia_2.jpg"," ","515","727","MAP_12_barbarian_christian_north_europe.jpg"," ","648","684");
g_ImageTable[g_imax++] = new Array ("12_scandinavia_3.jpg"," ","515","727","MAP_12_barbarian_christian_north_europe.jpg"," ","648","684");
g_ImageTable[g_imax++] = new Array ("z_24_scandinavia3.jpg"," ","515","727","MAP_12_barbarian_christian_north_europe.jpg"," ","648","684");
g_ImageTable[g_imax++] = new Array ("03_animal_style.jpg"," ","515","727","celtic_panther.jpg","Panther. Scythian. c. 6th c. B.C. Gold. L: 11 5/8 in.","967","614");
g_ImageTable[g_imax++] = new Array ("z_25_animal_style_def.jpg"," ","515","727","animal_style_scythian_plaque.jpg","Scythian plaque with animal interlace, Siberia. Gold. 5 1/8 x 7 3/4 in.","925","619");
g_ImageTable[g_imax++] = new Array ("z_26_animal_interlace.jpg"," ","515","727","animal_style_scythian_plaque.jpg","Scythian plaque with animal interlace, Siberia. Gold. 5 1/8 x 7 3/4 in.","925","619");
g_ImageTable[g_imax++] = new Array ("z_27_openwork.jpg"," ","515","727","celtic_openwork_ornament_hart.jpg","Openwork ornament, Czechoslovakia. c. 3rd. c. B.C. Bronze. 4 3/4 x 5 3/4 in.","662","679");
g_ImageTable[g_imax++] = new Array ("z_art_viking.jpg"," ","515","727"," "," "," "," ");
g_ImageTable[g_imax++] = new Array ("13_vikings_1.jpg"," ","515","727","viking.gif"," ","491","845");
g_ImageTable[g_imax++] = new Array ("15_vikings_3.jpg"," ","515","727","viking_raid_party.jpg"," ","583","340");
g_ImageTable[g_imax++] = new Array ("14_vikings_2.jpg"," ","515","727","viking_raid_party.jpg"," ","583","340");
g_ImageTable[g_imax++] = new Array ("16_vikings_4.jpg"," ","515","727","viking_raid_party.jpg"," ","583","340");
g_ImageTable[g_imax++] = new Array ("17_vikings_5.jpg"," ","515","727"," "," "," "," ");
g_ImageTable[g_imax++] = new Array ("19_vikings_7.jpg"," ","515","727","viking_settlement.jpg"," ","416","304");
g_ImageTable[g_imax++] = new Array ("20_vikings_8.jpg"," ","515","727","v_viking_ship2.jpg"," ","339","410");
g_ImageTable[g_imax++] = new Array ("18_vikings_6.jpg"," ","515","727","st_riquier_drawing.jpg","Monastery Church of St.-Riquier. Centula, France. (Destroyed). Late 8th c.","431","636");
g_ImageTable[g_imax++] = new Array ("z_01_northern_deities.jpg"," ","515","727","x_viking_family_tree.jpg"," ","541","664");
g_ImageTable[g_imax++] = new Array ("z_02_odin1.jpg"," ","515","727","odin_hunt_large.jpg"," ","502","768");
g_ImageTable[g_imax++] = new Array ("z_03_odin2.jpg"," ","515","727","odin_hunt_large.jpg"," ","502","768");
g_ImageTable[g_imax++] = new Array ("z_04_odin3.jpg"," ","515","727","x_odin.jpg"," ","627","557");
g_ImageTable[g_imax++] = new Array ("21_odin_runes.jpg"," ","515","727","x_odin.jpg"," ","627","557");
g_ImageTable[g_imax++] = new Array ("y_runes.jpg"," ","515","727","v_beech_runes.jpg","Runes","301","329");
g_ImageTable[g_imax++] = new Array ("22_odin_wisdom.jpg"," ","515","727","x_odin.jpg"," ","627","557");
g_ImageTable[g_imax++] = new Array ("z_06_frigg.jpg"," ","515","727","x_frigga.jpg"," ","403","398");
g_ImageTable[g_imax++] = new Array ("z_07_thor1.jpg"," ","515","727","thor_large.jpg"," ","682","1000");
g_ImageTable[g_imax++] = new Array ("z_08_thor2.jpg"," ","515","727","thor_large.jpg"," ","682","1000");
g_ImageTable[g_imax++] = new Array ("z_09_thor3.jpg"," ","515","727","thor_large.jpg"," ","682","1000");
g_ImageTable[g_imax++] = new Array ("z_10_frey_freya1.jpg"," ","515","727","x_Frey_jk.jpg"," ","550","756");
g_ImageTable[g_imax++] = new Array ("z_11_frey_freya2.jpg"," ","515","727","x_freya.jpg"," ","288","375");
g_ImageTable[g_imax++] = new Array ("z_12_loki.jpg"," ","515","727","x_Loki2.jpg"," ","216","343");
g_ImageTable[g_imax++] = new Array ("z_13_balder.jpg"," ","515","727","balder_large.jpg"," ","277","461");
g_ImageTable[g_imax++] = new Array ("z_14_valkyries1.jpg"," ","515","727","x_valkyrie_odin2.jpg"," ","325","501");
g_ImageTable[g_imax++] = new Array ("z_15_valkyries2.jpg"," ","515","727","valkyrie.jpg"," ","577","726");
g_ImageTable[g_imax++] = new Array ("z_16_yggdrasil.jpg"," ","515","727","v_Yggdrasil.jpg"," ","399","500");
g_ImageTable[g_imax++] = new Array ("yggdrasil2.jpg"," ","250","307"," "," "," "," ");
g_ImageTable[g_imax++] = new Array ("z_17_norns.jpg"," ","515","727","x_The_Norns_jk.jpg"," ","566","749");
g_ImageTable[g_imax++] = new Array ("v_viking_grave_artifacts.jpg","Artifacts found in Viking grave.","353","464"," "," "," "," ");
g_ImageTable[g_imax++] = new Array ("y_burial_ships.jpg"," ","515","727"," "," "," "," ");
g_ImageTable[g_imax++] = new Array ("v_oseberge_burial_ship_color.jpg","Burial Ship, from Oseberg, Norway. Ship c. 815-20. Burial 834. L: 75 ft. 6 in.","800","600"," "," "," "," ");
g_ImageTable[g_imax++] = new Array ("animal_style_burial_ship1.jpg","Burial ship, from Oseberg, Norway. c. 800 Wood. L: 75 ft. 6 in.","925","704"," "," "," "," ");
g_ImageTable[g_imax++] = new Array ("z_41_oseberg_ship1.jpg"," ","515","727","animal_style_burial_ship1.jpg","Burial ship, from Oseberg, Norway. c. 800 Wood. L: 75 ft. 6 in.","925","704");
g_ImageTable[g_imax++] = new Array ("z_42_oseberg_ship_2.jpg"," ","515","727","animal_style_burial_ship1.jpg","Burial ship, from Oseberg, Norway. c. 800 Wood. L: 75 ft. 6 in.","925","704");
g_ImageTable[g_imax++] = new Array ("oseberg_burial_ship_prow_detail.jpg","Detail, prow of the Oseberg burial ship, Norway. c. 825.","549","708"," "," "," "," ");
g_ImageTable[g_imax++] = new Array ("oseberg_burial_ship_animal_post_gard.jpg","Animal head post from Oseberg burial ship. c. 825.","549","673"," "," "," "," ");
g_ImageTable[g_imax++] = new Array ("oseberg_burial_ship_post_animal.jpg","Post, from Oseberg burial ship. Wood. L: approx. 36 in.","555","711"," "," "," "," ");
g_ImageTable[g_imax++] = new Array ("oseberg_burial_ship_post_animal_detail.jpg","Detail of Oseberg burial ship post.","248","590"," "," "," "," ");
g_ImageTable[g_imax++] = new Array ("oseberg_animal_head_hartt.jpg","Animal head for a prow, from a ship burial at Oseberg, Norway. c. 825. Wood. Ht. of head: 5 in.","369","589"," "," "," "," ");
g_ImageTable[g_imax++] = new Array ("oseberg_burial_ship_animal_head_janson.jpg","Animal head, Oseberg burial ship. c. 825. Wood. Ht: 5 in.","837","658"," "," "," "," ");
g_ImageTable[g_imax++] = new Array ("animal_style_gummersmark_brooch.jpg","Gummersmark brooch. Denmark. 6th c. Silver gilt. Ht: 5 3/4 in.","529","706"," "," "," "," ");
g_ImageTable[g_imax++] = new Array ("z_28_chip_carving.jpg"," ","515","727","animal_style_gummersmark_brooch.jpg","Gummersmark brooch. Denmark. 6th c. Silver gilt. Ht: 5 3/4 in.","529","706");
g_ImageTable[g_imax++] = new Array ("z_40_rune_stone.jpg"," ","515","727","y_runestone.jpg"," ","400","635");
g_ImageTable[g_imax++] = new Array ("y_picture_stone.jpg"," ","515","727","memorial_stone_odin_horse.jpg","Memorial stone, Odin astride 8-legged horse approaching Valhalla; Viking ship. Tjangvide, Gotland.","450","575");
g_ImageTable[g_imax++] = new Array ("memorial_stone_larbro_color.jpg","Memorial stone, Larbro Saint Hammers, Gotland, Sweden. 8th c.","457","707"," "," "," "," ");
g_ImageTable[g_imax++] = new Array ("z_43_gudrun1.jpg"," ","515","727","memorial_stone_larbro_color.jpg","Memorial stone, Larbro Saint Hammers, Gotland, Sweden. 8th c.","457","707");
g_ImageTable[g_imax++] = new Array ("z_44_gudrun2.jpg"," ","515","727","memorial_stone_larbro_color.jpg","Memorial stone, Larbro Saint Hammers, Gotland, Sweden. 8th c.","457","707");
g_ImageTable[g_imax++] = new Array ("viking_carving.jpg"," ","404","317"," "," "," "," ");
g_ImageTable[g_imax++] = new Array ("scandinavia_doorway_panels_detail2.jpg","Doorway panels, Parish Church, Urnes, Norway. c. 1050-70. Carved wood.","1014","648"," "," "," "," ");
g_ImageTable[g_imax++] = new Array ("z_art_germanic_peoples.jpg"," ","515","727"," "," "," "," ");
g_ImageTable[g_imax++] = new Array ("z_29_cloisonne.jpg"," ","515","727","franks_round_fibula.jpg","Round Fibula. Frankish ornament.","306","369");
g_ImageTable[g_imax++] = new Array ("germanic_fibula_2.jpg","Round fibula. Frankish. Gold, cloissone, inlay garnets and blue stones. D: 3 1/4 in. 6th-7th c.","633","657"," "," "," "," ");
g_ImageTable[g_imax++] = new Array ("ravenna_san_vitale_Justinian.jpg","Emperor Justinian and Attendants, mosaic, San Vitale, Ravenna. c. 547.","800","615"," "," "," "," ");
g_ImageTable[g_imax++] = new Array ("germanic_fibula_1.jpg","Looped fibula, Frankish. silver gilt in filigree with inlays of garnet and other stones. L: 4 in. 6th-7th c.","403","704"," "," "," "," ");
g_ImageTable[g_imax++] = new Array ("franks_looped_fibula_2.jpg","Looped Fibula. Frankish ornament.","445","306"," "," "," "," ");
g_ImageTable[g_imax++] = new Array ("franks_belt_buckle.jpg","Belt Buckle. Frankish Ornament.","454","270"," "," "," "," ");
g_ImageTable[g_imax++] = new Array ("z_art_anglo_saxon.jpg"," ","515","727","sutton_hoo_helmet2.jpg"," ","602","773");
g_ImageTable[g_imax++] = new Array ("04_british_isles_1.jpg"," ","515","727","MAP_12_barbarian_christian_north_europe.jpg"," ","648","684");
g_ImageTable[g_imax++] = new Array ("05_british_isles_2.jpg"," ","515","727","MAP_12_barbarian_christian_north_europe.jpg"," ","648","684");
g_ImageTable[g_imax++] = new Array ("06_british_isles_3.jpg"," ","515","727","MAP_12_barbarian_christian_north_europe.jpg"," ","648","684");
g_ImageTable[g_imax++] = new Array ("07_british_isles_4.jpg"," ","515","727","MAP_12_barbarian_christian_north_europe.jpg"," ","648","684");
g_ImageTable[g_imax++] = new Array ("08_british_isles_5.jpg"," ","515","727","MAP_12_barbarian_christian_north_europe.jpg"," ","648","684");
g_ImageTable[g_imax++] = new Array ("09_british_isles_6.jpg"," ","515","727","MAP_12_barbarian_christian_north_europe.jpg"," ","648","684");
g_ImageTable[g_imax++] = new Array ("z_anglo_saxon_culture.jpg"," ","515","727"," "," "," "," ");
g_ImageTable[g_imax++] = new Array ("z_viking_incursions.jpg"," ","515","727"," "," "," "," ");
g_ImageTable[g_imax++] = new Array ("z_30_beowulf1.jpg"," ","515","727","sutton_hoo_burial_mound.jpg"," ","800","600");
g_ImageTable[g_imax++] = new Array ("sutton_hoo_ship_burial.gif"," ","448","320"," "," "," "," ");
g_ImageTable[g_imax++] = new Array ("sutton_hoo_helmet2.jpg"," ","602","773"," "," "," "," ");
g_ImageTable[g_imax++] = new Array ("sutton_hoo_anglo_saxon_necklace.gif"," ","214","239"," "," "," "," ");
g_ImageTable[g_imax++] = new Array ("animal_style_purse_lid.jpg","Purse lid, from ship burial, Sutton Hoo, England. c. 655-56. Cloisonne, gold, enamel, garnets, emeralds. 8 in.","926","510"," "," "," "," ");
g_ImageTable[g_imax++] = new Array ("animal_style_purse_lid.jpg","Purse lid, from ship burial, Sutton Hoo, England. c. 655-56. Cloisonne, gold, enamel, garnets, emeralds. 8 in.","926","510","sumer_harp_inlay_panel.jpg","Inlay panel from the sound box of a harp/lyre from Ur. c. 2600 B.C.","162","414");
g_ImageTable[g_imax++] = new Array ("z_art_hiberno_saxon.jpg"," ","515","727","hiberno_saxon_lindisfarne_1.jpg","Cross Page from the Lindisfarne Gospels. c. 700. 13 1/2 x 9 1/4 in.","449","623");
g_ImageTable[g_imax++] = new Array ("z_hiberno_irish_english.jpg"," ","515","727"," "," "," "," ");
g_ImageTable[g_imax++] = new Array ("z_hiberno_monasteries.jpg"," ","515","727"," "," "," "," ");
g_ImageTable[g_imax++] = new Array ("z_hiberno_civilizing.jpg"," ","515","727"," "," "," "," ");
g_ImageTable[g_imax++] = new Array ("hiberno_saxon_gospel_st_john.jpg","Page with Lion, Gospel of St. John, Gospel Book of Durrow, (Scotland?). c. 675. Ink, tempera on parchment.","435","648"," "," "," "," ");
g_ImageTable[g_imax++] = new Array ("z_18_rotolus.jpg"," ","515","727","Book_Of_Kells.jpg","Book of Kells","640","480");
g_ImageTable[g_imax++] = new Array ("x_11_scriptorium.jpg"," ","515","727","scriptorium_scribe_works.jpg","Scribe at work.","369","277");
g_ImageTable[g_imax++] = new Array ("y_book_kells.jpg"," ","515","727","it-kells-bg.jpg","Book of Kells","600","484");
g_ImageTable[g_imax++] = new Array ("hiberno_saxon_chi_rho_book_kells2.jpg","Chi Rho Iota (XPI) page from Book of Kells, Ireland. c. 760-820. Illumination.","501","686"," "," "," "," ");
g_ImageTable[g_imax++] = new Array ("y_kells2.jpg"," ","515","727","hiberno_saxon_chi_rho_book_kells2.jpg","Chi Rho Iota (XPI) page from Book of Kells, Ireland. c. 760-820. Illumination.","501","686");
g_ImageTable[g_imax++] = new Array ("constantine2_head.jpg","Constantine the Great. c. 315 A.D. Marble. Ht. of Head: 8 ft.","481","727"," "," "," "," ");
g_ImageTable[g_imax++] = new Array ("ravenna_san_vitale_Justinian.jpg","Emperor Justinian and Attendants, mosaic, San Vitale, Ravenna. c. 547.","800","615"," "," "," "," ");
g_ImageTable[g_imax++] = new Array ("hiberno_saxon_south_cross.jpg","South Cross, Ahenny, County Tipperary, Ireland. 8th c. Stone.","426","633"," "," "," "," ");
g_ImageTable[g_imax++] = new Array ("z_36_gadrooning.jpg"," ","515","727","hiberno_saxon_south_cross.jpg","South Cross, Ahenny, County Tipperary, Ireland. 8th c. Stone.","426","633");
g_ImageTable[g_imax++] = new Array ("z_37_boss.jpg"," ","515","727","hiberno_saxon_south_cross.jpg","South Cross, Ahenny, County Tipperary, Ireland. 8th c. Stone.","426","633");
g_ImageTable[g_imax++] = new Array ("hiberno_saxon_tara_brooch1.jpg","Tara Brooch, Ireland. c. 700. Bronze, overlay gold filagree, glass, amber. front view.","1005","633"," "," "," "," ");
g_ImageTable[g_imax++] = new Array ("02_carolignian_intro1.jpg"," ","515","727","charlemagne_Amulet.jpg","Amulate of Charlemagne.","703","750");
g_ImageTable[g_imax++] = new Array ("z_charlemagne1.jpg"," ","515","727","charlemagne_coronation.jpg","Coronation of Charlemagne.","350","366");
g_ImageTable[g_imax++] = new Array ("z_charlemagne2.jpg"," ","515","727","charlemagne_map_land_holdings.gif"," ","396","325");
g_ImageTable[g_imax++] = new Array ("z_charlemagne3.jpg"," ","515","727","charlemagne_bronze_stauette_large.jpg","Equestrian Statuette of Charlemagne. 9th c. Bronze with traces of gilding. Ht: 9 1/4 in.","580","860");
g_ImageTable[g_imax++] = new Array ("z_charlemagne4.jpg"," ","515","727","charlemagne_bronze_stauette_large.jpg","Equestrian Statuette of Charlemagne. 9th c. Bronze with traces of gilding. Ht: 9 1/4 in.","580","860");
g_ImageTable[g_imax++] = new Array ("coronation_gospels_st_matthew_jan.jpg","Saint Matthew, from Coronation Gospels (Gospel Book of Charlemagne). c. 795-810.","613","711"," "," "," "," ");
g_ImageTable[g_imax++] = new Array ("ebbo_gospels_st_matthew.jpg","St. Matthew, from Ebbo Gospels (Gospel Book of Archbishop Ebbo). France. 816-41.","547","708"," "," "," "," ");
g_ImageTable[g_imax++] = new Array ("ebbo_st_mark_jan.jpg","St. Mark, from the Ebbo Gospels (Archbishop Ebbo). France. 816-41.","569","718"," "," "," "," ");
g_ImageTable[g_imax++] = new Array ("utrech_psalm23.jpg","Page with Psalm 23, Utrech Psalter. c. 820-32. Ink on vellum or parchment.","595","711"," "," "," "," ");
g_ImageTable[g_imax++] = new Array ("v_utrecht1.jpg"," ","515","727","utrech_psalm23.jpg","Page with Psalm 23, Utrech Psalter. c. 820-32. Ink on vellum or parchment.","595","711");
g_ImageTable[g_imax++] = new Array ("v_utrech2.jpg"," ","515","727","utrech_psalm23.jpg","Page with Psalm 23, Utrech Psalter. c. 820-32. Ink on vellum or parchment.","595","711");
g_ImageTable[g_imax++] = new Array ("ottonian_christ_majesty_codex_aureus.jpg","Christ in Majesty, Four Evangelists, Scenes from Life of Christ. Cover, Codex Aureus. c. 870.","552","718"," "," "," "," ");
g_ImageTable[g_imax++] = new Array ("lindau_gospels_front_cover_jan2.jpg","Front cover, Lindau Gospels. c. 870. Gold with precious and semi-precious stones. 13 3/4 x 10 1/2 in.","458","592"," "," "," "," ");
g_ImageTable[g_imax++] = new Array ("lindau_gospels_back_cover.jpg","Back cover, Lindau Gospels. c. 870. Gold with precious and semiprecious stones.","305","400"," "," "," "," ");
g_ImageTable[g_imax++] = new Array ("02_carolignian_intro2_architecture.jpg"," ","515","727"," "," "," "," ");
g_ImageTable[g_imax++] = new Array ("charlemagne_palace_chapel3.jpg","Odo of Metz. Palatine Chapel of Charlemagne. Aachen, Germany. 792-805.","529","738"," "," "," "," ");
g_ImageTable[g_imax++] = new Array ("z_09_palatine_chapel1.jpg"," ","515","727","charlemagne_palace_chapel3.jpg","Odo of Metz. Palatine Chapel of Charlemagne. Aachen, Germany. 792-805.","529","738");
g_ImageTable[g_imax++] = new Array ("v_palatine_octagonal.jpg"," ","515","727","charlemagne_palace_chapel3.jpg","Odo of Metz. Palatine Chapel of Charlemagne. Aachen, Germany. 792-805.","529","738");
g_ImageTable[g_imax++] = new Array ("z_10_palatine_chapel2.jpg"," ","515","727","charlemagne_palace_chapel3.jpg","Odo of Metz. Palatine Chapel of Charlemagne. Aachen, Germany. 792-805.","529","738");
g_ImageTable[g_imax++] = new Array ("z_12_palatine4.jpg"," ","515","727","palatine_chapel_charlemagne_recon.jpg","Reconstruction, Plan of the Palatine Chapel of Charlemagne, Aachen.","963","692");
g_ImageTable[g_imax++] = new Array ("ravenna_sant_vitale_exterior2.jpg","San Vitale, Ravenna. c. 425-47.","438","472"," "," "," "," ");
g_ImageTable[g_imax++] = new Array ("palatine_chapel_charlemagne_plan2.jpg","Plan of the Palatine Chapel of Charlemagne. Aachen, Germany.","438","715","ravenna_san_vitale_plan_stoke2.jpg","Plan of San Vitale, Ravenna.","681","711");
g_ImageTable[g_imax++] = new Array ("palatine_chapel_cross_section_jan.jpg","Cross Section of Palatine Chapel of Charlemagne. Aachen, Germany. 792-805.","736","692","ravenna_san_vitale_section_stoke2.jpg","Section of San Vitale, Ravenna.","627","673");
g_ImageTable[g_imax++] = new Array ("palatine_chapel_CharlemagneInt.jpg","Odo of Metz. Palatine Chapel of Charlemagne. Aachen, Germany. 792-805.","352","470"," "," "," "," ");
g_ImageTable[g_imax++] = new Array ("z_08_st._requier.jpg"," ","515","727","st_riquier_print_destroyed.jpg","Abbey Church of St.-Riquier. Centula, France. (Destroyed). Late 8th c.","426","699");
g_ImageTable[g_imax++] = new Array ("z_16_st_gall_monastery.jpg"," ","515","727","st_gall_drawing_plan.jpg","Drawing after schematic plan for a monastery at St. Gall, Switzerland. c. 819.","898","689");
g_ImageTable[g_imax++] = new Array ("st_gall_model_jan.jpg","Reconstruction model, after c. 820 plan of monastery, St. Gall, Switzerland.","1007","571"," "," "," "," ");
g_ImageTable[g_imax++] = new Array ("03_ottonian_intro1.jpg"," ","515","727","OttoIIIGospel-Big.jpg","Otto III, Gospel Book of Otto III. c. 998-1001.","533","600");
g_ImageTable[g_imax++] = new Array ("03_ottonian_intro2_architecture.jpg"," ","515","727"," "," "," "," ");
g_ImageTable[g_imax++] = new Array ("carolingian_st_cyriakus_exterior.jpg","Church of St. Cyriakus, Gernrode, Germany. Begun 961; consecrated 973.","540","672"," "," "," "," ");
g_ImageTable[g_imax++] = new Array ("v_cyriakus1.jpg"," ","515","727","carolingian_st_cyriakus_exterior.jpg","Church of St. Cyriakus, Gernrode, Germany. Begun 961; consecrated 973.","540","672");
g_ImageTable[g_imax++] = new Array ("v_cyriakus2.jpg"," ","515","727","carolingian_st_cyriakus_nave.jpg","Nave, Church of St. Cyriakus.","520","719");
g_ImageTable[g_imax++] = new Array ("ottonian_annunciation_shepherds_ill.jpg","Annunciation to the Shepherds, from Gospel Lectionary of Henry II. Germany. c. 1002-24.","501","660"," "," "," "," ");
g_ImageTable[g_imax++] = new Array ("ottonian_otto_III_enthroned.jpg","Page with Otto III Enthroned, Liuthar Gospels (Aachen Gospels). c. 1000. Ink and colors on vellum.","494","665"," "," "," "," ");
g_ImageTable[g_imax++] = new Array ("ottonian_christ_wash_feet.jpg","Christ Washing the Feet of Peter, from Gospel Book of Otto III. c. 1000.","518","710"," "," "," "," ");
g_ImageTable[g_imax++] = new Array ("gero_crucifix_jan.jpg","Crucifix of Archbishop Gero. c. 969-76. Wood. Ht: 6 ft. 2 in. Cologne, Germany.","490","671"," "," "," "," ");
g_ImageTable[g_imax++] = new Array ("st_michael_doors_jan.jpg","Doors of Bishop Bernward, Abbey Church of St. Michael. Hildesheim, Germany. 1015. Bronze. Ht: 16 ft. 6 in.","331","712"," "," "," "," ");
g_ImageTable[g_imax++] = new Array ("st_michael_berward_doors_tempation.jpg","The Temptation, detail, Bishop Bernward Doors. c. 1015. Ht: approx. 15 ft. Hildesheim.","808","658"," "," "," "," ");
g_ImageTable[g_imax++] = new Array ("st_michael_bernward_doors_a_e_reproach.jpg","Adam and Eve Reproached by the Lord, detail, Doors of Bishop Bernward. c. 1015. Bronze.","917","542"," "," "," "," ");
g_ImageTable[g_imax++] = new Array ("st_michael_bernward_crucifixion.jpg","The Crucifixion, detail, Doorso of Bishop Bernward. Early 11th c. Bronze. Ht: approx. 12 ft. Hildesheim.","900","658"," "," "," "," ");

//extend the above list as desired

////End configuration/////////////////////////////


</script>

</p>


[This message has been edited by Jan_man (edited 06-07-2003).]

[This message has been edited by Jan_man (edited 06-07-2003).]

Jan_man
Nervous Wreck (II) Inmate

From:
Insane since: Jun 2003

posted posted 06-05-2003 12:41

sorry, had the wrong file name -- it's been changed to the one listed in the url

rickindy
Nervous Wreck (II) Inmate

From: Indianapolis, In USA
Insane since: Jan 2002

posted posted 06-05-2003 13:29

Went to the link and was immediately redirected to a M$ download page.


Few problems in life can't be solved by chocolate

Dracusis
Maniac (V) Inmate

From: Brisbane, Australia
Insane since: Apr 2001

posted posted 06-05-2003 13:35

I honestly can't make head to tail of that page.

But in general, pre-caching an image in JavaScript is done by creating a new image object loaded with the image you want to preload like so:

myImage = new Image()
myImage.src = "url_to_image_file.jpg"


And you can check the boolean myImage.complete to see if it's loaded yet.

Although, with images that big you'll want to be checking conditions to see if the preloads are finished before preloading the next set because most dialup users will click through to the next page before those images have preloaded. If that happens before the preloads are done then they won't be cached properly and it'll restart the load.

All in all, is sounds like a lot of work for very little gain. Why not just compress the images well and have them load normally?

Furthermore, thumb nailed image links are a great bandwidth saving way for a user to navigate through a series of images. Personally, I'd much prefer a page of thumbnails to a linear step through that preloads the next set of images.

Emperor
Maniac (V) Mad Scientist with Finglongers

From: Cell 53, East Wing
Insane since: Jul 2001

posted posted 06-05-2003 18:31

Basically what Dracusis said ^^^^^^^^^^^^^

We have an FAQ on the subject here:

:FAQ: How do I preload images with Javascript?

However, I really can't see much point to preloading images for this kind of thing - they are really just useful for things like mouseovers, etc. and you might be wasting more time than you save. Follow Dracusis' instructions and think about making the simple lefthand side of the image text.

___________________
Emps

FAQs: Emperor

Jan_man
Nervous Wreck (II) Inmate

From:
Insane since: Jun 2003

posted posted 06-05-2003 23:36

Should explain the page....

It is intended to allow students to review a slideshow that is presented in a classroom environment. The slide show presents both text (as a jpg) and images either singly or in combination. I set it up so that users could click the text or image to see the image full size (a mouse over event presents various data about individual images). The advantage of NOT using a thumbnail is that the user can get a reasonably good idea of the subtle nature of the artists work (it's for an art appreciation/history class) "instantly", with a simple click allowing for an immediate "full size" view.

Since I see it from the computer that it is "broadcast" from the images load instantaneously, the only other computer I have to use remotely is on a T1 connection, so the loading of the images was fairly fast I hoped that preloading the "next" images would allow for a smoother transition from one "slide" to the next. Anyone access the page on a 56K? How slow was it?

If I had to guess the person who was sent to M$ was not using Internet Explorer (the scripts that I use have only been developed for IE thus far) Can Netscape resize an image on the page?

Hope this explains a bit....

Thanks for your help!
Jan

mob68com
Bipolar (III) Inmate

From: Born in Dublin, Ireland .:. now living in the US
Insane since: May 2003

posted posted 06-10-2003 04:34

Jan_man ::: Not sure how well you know flash, but Flash MX comes with a nice slide show app. The slide show in questions loads slow for me. I think you'd be better off optimising your images. If they are to be lage file sizes, try a low src image as the main, while the larger file loads behind it.

mob68com
Bipolar (III) Inmate

From: Born in Dublin, Ireland .:. now living in the US
Insane since: May 2003

posted posted 06-10-2003 04:40

Jan_man ::: I just had another idea. How about using a layer to load the images. Use the layer to hold the description of the images, use the onload feature in DW, while the user is reading the des. the image will be loading behind it, and when it's done, they will see the image. Just an idea.


Jan_man
Nervous Wreck (II) Inmate

From:
Insane since: Jun 2003

posted posted 06-12-2003 04:35

Mob68,

I don't know what you mean by a Layer (I'm not too well informed about javascript/html). But if I can figure it out...

The other problem is that I have a program that writes the javascript -- I'd have to modify it as well! If there were more information for the user to read the layer sounds like the way to go, but the text as such is quite cursory...

Thanks!
Jan

mob68com
Bipolar (III) Inmate

From: Born in Dublin, Ireland .:. now living in the US
Insane since: May 2003

posted posted 06-13-2003 21:09

Jan_man ::: I have used this option for two sites that needed a little longer to load the images using dial-up connections. Basicaly (and this is unique I think to DW), you build the page as normal (are there any normal pages anymore?) and when complete or not, you add a layer to it, making sure it spans 100% of the page horisontal and vertical. Chose a background color for the layer. Select the layer, and click on the "body" button on the bottom left hand corner of DW. Make sure you slect this. Then in the behaviors window select show/hide layers "onLoad" and you should be done. You can also use the leayer to add text to where you can inform people what's going on if they don't see the images right away. Keeps people on your page.

amikael
Bipolar (III) Inmate

From: övik
Insane since: Dec 2002

posted posted 06-20-2003 21:05

If you require IE anyway, check this place out for a preload that does basically what you need, unless I missunderstood you.
http://www.naltabyte.se/space/files/angel.htm


(^-^)b

mahjqa
Maniac (V) Mad Scientist

From: The Demented Side of the Fence
Insane since: Aug 2000

posted posted 06-21-2003 12:02

Preloading? I use the most basic and silly (and failproof) way... I just put the images I want preloaded on the bottom of the page, I add width=1 and heighth=1 to them all... easy as pie.

Hey, if it's stupid and it works, it ain't stupid.

Jan_man
Nervous Wreck (II) Inmate

From:
Insane since: Jun 2003

posted posted 06-21-2003 16:16

Amikeal,

That page seems to do a continuous preload of the images (it never stops the preload process); I think the javascript might have an error...

Jan_man

Jan_man
Nervous Wreck (II) Inmate

From:
Insane since: Jun 2003

posted posted 06-21-2003 16:20

mahjqa,

The script that I pointed to (the art.htm) has about 300 images -- you'd have to wait an awfully long time for all the images to preload before proceeding......

Jan_man

amikael
Bipolar (III) Inmate

From: övik
Insane since: Dec 2002

posted posted 06-22-2003 02:04

I does?
I have'nt been able to duplicate that particular error myself.
What browser are you using, and what version?

I need to figure this one out.
Appriciate it, thanx.

(^-^)b

Jan_man
Nervous Wreck (II) Inmate

From:
Insane since: Jun 2003

posted posted 06-22-2003 03:52

amikael,

Using IE 6 and cable modem

Jan_man

smonkey
Paranoid (IV) Inmate

From: Northumberland, England
Insane since: Apr 2003

posted posted 06-22-2003 17:17

Dracusis, can you help me find a way to get a function to be called each time one of an array of preload images has been loaded? you mention the boolean myImage.complete, any help?

amikael
Bipolar (III) Inmate

From: övik
Insane since: Dec 2002

posted posted 06-23-2003 04:44

Still a problem?

(^-^)b

Jan_man
Nervous Wreck (II) Inmate

From:
Insane since: Jun 2003

posted posted 06-23-2003 14:43

smonkey,

Thanks!!! this is just what I need too!!!!!

Dracusis, can you help me find a way to get a function to be called each time one of an array of preload images has been loaded? you mention the boolean myImage.complete, any help?

If Dracusis answers can you send it to me?
Thanks!!!
Jan_man

Jan_man
Nervous Wreck (II) Inmate

From:
Insane since: Jun 2003

posted posted 06-23-2003 14:46

amikael,

It seems like it is working correctly now (the preload part), except that when I "killed" the dragons I didn't get credit for it!!

Jan_man

« BackwardsOnwards »

Show Forum Drop Down Menu