Teen kuvagalleriaa. Onglema on se, etten seuraavasta koodipätkästä löydä kohtaa josta voin muuttaa kuvaesityksen kokoa. Kuvat ovat kohtuuttoman isoja. Pitääkö liitetyt kuvat pienentää jo ennen kuvasarjaan laittamista vai voiko tuohon tehdä jotain? "#slideshowContainer{
width: 300px;" on ainut kohta jota keksin muokata mutta mitään ei tapahdu.
- - - - - -
#slideshowContainer{
width: 300px;
height: auto;
}
#numberDiv a{
font: bold 14px Arial;
text-decoration: none;
}
#backforthbuttons{
margin-top: 6px;
}
// Index It Image Slideshow script- By JavaScriptKit.com
// For this and over 400 free scripts, visit JavaScript Kit- http://www.javascriptkit.com/
// This notice must stay intact for use
//Specify images for slideshow:
//["Image Path", "Optional Image link"]
var numberslide=new Array()
numberslide[0]=["plane1.gif", "http://www.google.com"]
numberslide[1]=["plane2.gif", ""]
numberslide[2]=["plane3.gif", ""]
numberslide[3]=["plane4.gif", ""]
numberslide[4]=["plane5.gif", ""]
var mylinktarget="" //specify optional link target
var mylinkcolor="navy" //specify default color of number links
var mylinkcolorSelected="red" //specify color of selected links
var imgborderwidth=0 //specify border of image slideshow
/////Stop customizing here////////////////
var preloadit=new Array()
for (i=0;i
width: 300px;" on ainut kohta jota keksin muokata mutta mitään ei tapahdu.
- - - - - -
#slideshowContainer{
width: 300px;
height: auto;
}
#numberDiv a{
font: bold 14px Arial;
text-decoration: none;
}
#backforthbuttons{
margin-top: 6px;
}
// Index It Image Slideshow script- By JavaScriptKit.com
// For this and over 400 free scripts, visit JavaScript Kit- http://www.javascriptkit.com/
// This notice must stay intact for use
//Specify images for slideshow:
//["Image Path", "Optional Image link"]
var numberslide=new Array()
numberslide[0]=["plane1.gif", "http://www.google.com"]
numberslide[1]=["plane2.gif", ""]
numberslide[2]=["plane3.gif", ""]
numberslide[3]=["plane4.gif", ""]
numberslide[4]=["plane5.gif", ""]
var mylinktarget="" //specify optional link target
var mylinkcolor="navy" //specify default color of number links
var mylinkcolorSelected="red" //specify color of selected links
var imgborderwidth=0 //specify border of image slideshow
/////Stop customizing here////////////////
var preloadit=new Array()
for (i=0;i
Vastaukset 1
Vanhimmat
Eipä tuossa ole paljonkaan mahdollisuuksia pienentää kuvia. Kuvan mittasuhteita (leveys/korkeus) voi tietenkin muuttaa mutta kuvan tiedostokoko on silti sama.
Mittasuhteita (esim. leveys 50% alkuperäisestä, korkeus muuttuu samassa suhteessa) voi muuttaa kun muuttaa rivin:
border="'+imgborderwidth+'">'
tällaiseksi
border="'+imgborderwidth+'" width="50%">'
Tällaisen js 'kuvagalleria' tekeminen on kyllä aika turhaa touhua ellei sitten ole tarkoitus tehdä galleria pienelle määrälle kuvia (koska lisääminen on hankalaa), eikä haittaa vaikka galleria ei näkyisi kaikille (jos javascript on kytketty pois käytöstä).
Kannattaisi opiskella galleria tekoa vaikka PHP:llä, jonka avulla onnistuu myös kuvien tiedostokoon pienentäminen.