Šta je novo?
Od:
Filteri

Potrebna jednostavna skripta

KizaTheDeath

KizaTheDeath

Čuven
Učlanjen(a)
19.03.2004
Poruke
1,952
Poena
650
Mislim da ovo nije problem za vecinu vas... ali za mene jeste. Potrebno mi je da na svojoj stranici postavim jedan thumbnail i klikom na njega bi se otvorio java prozorcic sa tom slikom normalne velicine.

Da bih slikovito objasnio, evo je primer jedne stranice sa takvom skriptom 🙂

Pozdrav!
MrBigJump.gif


P.S. Bilo bi mi potrebno da dimenzije tog java prozorcica budu zavisne od velicine slike, tj. da mi se ne pojavljuju klizaci.
 
Nadam se da ce ti ovaj skript pomoci
Ubacujes ga u BODY deo strane sa koje zoves zeljenu sliku:

<script>
<!--

// Pozicija odakle se slika pojavljuje

PositionX = 140;
PositionY = 55;

// Vrednosti za Widith i Height povecaj za 20 najvece slike
// Odnosi se samo na Netscape !!!!!

defaultWidth = 500;
defaultHeight = 500;



var AutoClose = true;


if (parseInt(navigator.appVersion.charAt(0))>=4){
var isNN=(navigator.appName=="Netscape")?1:0;
var isIE=(navigator.appName.indexOf("Microsoft")!=-1)?1:0;}
var optNN='scrollbars=no,width='+defaultWidth+',height='+defaultHeight+',left='+PositionX+',top='+PositionY;
var optIE='scrollbars=no,width=150,height=100,left='+PositionX+',top='+PositionY;
function popImage(imageURL,imageTitle){
if (isNN){imgWin=window.open('about:blank','',optNN);}
if (isIE){imgWin=window.open('about:blank','',optIE);}
with (imgWin.document){
writeln('<html><head><title>Loading...</title><style>body{margin:0px;}</style>');writeln('<sc'+'ript>');
writeln('var isNN,isIE;');writeln('if (parseInt(navigator.appVersion.charAt(0))>=4){');
writeln('isNN=(navigator.appName=="Netscape")?1:0;');writeln('isIE=(navigator.appName.indexOf("Microsoft")!=-1)?1:0;}');
writeln('function reSizeToImage(){');writeln('if (isIE){');writeln('window.resizeTo(100,100);');
writeln('width=100-(document.body.clientWidth-document.images[0].width);');
writeln('height=100-(document.body.clientHeight-document.images[0].height);');
writeln('window.resizeTo(width,height);}');writeln('if (isNN){');
writeln('window.innerWidth=document.images["George"].width;');writeln('window.innerHeight=document.images["George"].height;}}');
writeln('function doTitle(){document.title="'+imageTitle+'";}');writeln('</sc'+'ript>');
if (!AutoClose) writeln('</head><body bgcolor=000000 scroll="no" onload="reSizeToImage();doTitle();self.focus()">')
else writeln('</head><body bgcolor=000000 scroll="no" onload="reSizeToImage();doTitle();self.focus()" onblur="self.close()">');
writeln('<img name="George" src='+imageURL+' style="display:block"></body></html>');
close();
}}

function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a.indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a;}}
}

function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers.document);
if(!x && d.getElementById) x=d.getElementById👎; return x;
}

function MM_nbGroup(event, grpName) { //v6.0
var i,img,nbArr,args=MM_nbGroup.arguments;
if (event == "init" && args.length > 2) {
if ((img = MM_findObj(args[2])) != null && !img.MM_init) {
img.MM_init = true; img.MM_up = args[3]; img.MM_dn = img.src;
if ((nbArr = document[grpName]) == null) nbArr = document[grpName] = new Array();
nbArr[nbArr.length] = img;
for (i=4; i < args.length-1; i+=2) if ((img = MM_findObj(args)) != null) {
if (!img.MM_up) img.MM_up = img.src;
img.src = img.MM_dn = args[i+1];
nbArr[nbArr.length] = img;
} }
} else if (event == "over") {
document.MM_nbOver = nbArr = new Array();
for (i=1; i < args.length-1; i+=3) if ((img = MM_findObj(args)) != null) {
if (!img.MM_up) img.MM_up = img.src;
img.src = (img.MM_dn && args[i+2]) ? args[i+2] : ((args[i+1])? args[i+1] : img.MM_up);
nbArr[nbArr.length] = img;
}
} else if (event == "out" ) {
for (i=0; i < document.MM_nbOver.length; i++) {
img = document.MM_nbOver; img.src = (img.MM_dn) ? img.MM_dn : img.MM_up; }
} else if (event == "down") {
nbArr = document[grpName];
if (nbArr)
for (i=0; i < nbArr.length; i++) { img=nbArr; img.src = img.MM_up; img.MM_dn = 0; }
document[grpName] = nbArr = new Array();
for (i=2; i < args.length-1; i+=2) if ((img = MM_findObj(args)) != null) {
if (!img.MM_up) img.MM_up = img.src;
img.src = img.MM_dn = (args[i+1])? args[i+1] : img.MM_up;
nbArr[nbArr.length] = img;
} }
}
//-->
</script>




Tag za Link koji poziva sliku izgleda ovako:

<a href="javascript😛opImage('imeFajla.jpg','nazivSlike')">
 
Poslednja izmena:
Prvi veci deo od <script> pa do </script> mozes da pastujes na pocetku koda tvoje web strane, znaci odmah ispod title i meta taga.
Drugi deo, znaci <a href="javascript😛opImage('imeFajla.jpg','nazivSlike')"> ubacujes tamo gde ti je link, ako koristis weaver ili Front Page, prevuces misem preko reci koju linkujes (u tvom primeru gore rec je "veca slika") i u polje link upises kod koji sam ti naveo, samo promenis parametre za ime fajla i naziv slike.
 
posalji mi na PM stranu koju radis pa cu ja da ti ubacim skript i da ti je posljem nazad
 
Hm, ja to ovako resavam, e sad mozda je kod malo slabasan, ali evo napisacu ovde, pa ce nekome pomoci, sigurno...
Samo da dodam da nisam bas ni razumeo u potpunosti sta se tacno trazi, ali ja mislim da je ono mala slika, pa kliknes na nju, i onda se otvori velika...

Evo koda :

Kod: 
<script type="text/javascript">
function popUpWindow(URLStr, width, height)
{
  if(window.popUpWin)
    if(popUpWin.closed)
	popUpWin = open(URLStr, 'popUpWin', 'toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbar=no, resizable=no, copyhistory=yes, width='+width+', height='+height);
    else
        popUpWin.close();
  else
  popUpWin = open(URLStr, 'popUpWin', 'toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbar=no, resizable=no, copyhistory=yes, width='+width+', height='+height);
}
</script>

Ovaj deo ide iznad </head>, a kad hoces da postavis sliku u code view-u ukucas :

Kod: 
<a href="#" onClick="popUpWindow(putanja_do_slike/slika_velika.jpg', sirina_slike(samo brojevi), visina_slike(samo_brojevi))">
<img
src="putanja/slika_mala.jpg" width="sirina" height="visina" border="0"></a>

Evo i primera :
Kod: 
<a href="#" onClick="popUpWindow('slike/nokia_v_2.jpg', 408, 358)">
<img
src="slike/nokia_m_2.jpg" width="150" height="132" border="0"></a>

Nadam se da ce pomoci, ako ne Kizi, onda nekom drugom...

Poz.
 
nidzoni je napisao(la):
posalji mi na PM stranu koju radis pa cu ja da ti ubacim skript i da ti je posljem nazad
Kliknite za proširenje...

Poslao 😉

Neo_Matrix je napisao(la):
Hm, ja to ovako resavam, e sad mozda je kod malo slabasan, ali evo napisacu ovde, pa ce nekome pomoci, sigurno...
Kliknite za proširenje...

Hvala, probacu i to.

Neo_Matrix je napisao(la):
Samo da dodam da nisam bas ni razumeo u potpunosti sta se tacno trazi, ali ja mislim da je ono mala slika, pa kliknes na nju, i onda se otvori velika...
Kliknite za proširenje...

Bas to - kad se klikne na malu sliku (ili natpis ispod male slike, nevazno), otvori se ta slika u punom formatu i u java prozorcicu 🙂

Pozdrav!
MrBigJump.gif
 
Morate se prijaviti ili registrovati da odgovorite ovde.
Nazad
Vrh Dno