• Page 1 of 1
  • 1
"the animated window that pops up when clicking a image"
Lt99range
Posts: 16
Reputation: 0

Message # 1 | 1:55 AM
Ok, I'm not sure what it is called but I can give you a picture example:

(ok aparently idk how to add an image to this simple enough forum, so here is the link lol http://puu.sh/13Bk )
$IMAGE1$

As you can see, once in a category, you get a bunch of picture as everyone probably knows. They are small, thumbnail size. When you click one, a animation comes up and shows the picture in a bigger size.

MY QUESTION: where can I find the templet to this animated window that pops up. I'm not some "nooby" but I can't seem to find it.

Is this a templet you can't edit?

Thank you.

Post edited by Lt99range - Saturday, 2011-02-26, 1:58 AM
CodeResolution
Posts: 1570
Reputation: 58

Message # 2 | 2:44 AM
Look at the following thread, http://forum.ucoz.com/forum/36-8296-1
Kind regards,
Elliott.

"The best uCoz" critic since 2007.
Qualified website, branding, print & user interface designer.

I'm on Behance and Twitter.
Lt99range
Posts: 16
Reputation: 0

Message # 3 | 2:52 AM
Well that is what I'm talking about, but not really.

I'm looking for the CURRENT templet for the one that is already in use. I don't need to make a new one, I want to edit the current one for photo album

Is that possible?

CodeResolution
Posts: 1570
Reputation: 58

Message # 4 | 3:02 AM
Lt99range, I don't believe this is possible.
Kind regards,
Elliott.

"The best uCoz" critic since 2007.
Qualified website, branding, print & user interface designer.

I'm on Behance and Twitter.
Lt99range
Posts: 16
Reputation: 0

Message # 5 | 3:09 AM
CreativeCollusions, Well that is a heart breaker. Thank you.
Pancake_old
Posts: 731
Reputation: 8

Message # 6 | 5:43 PM
nonsense poopy pants!

There is away you can do this two ways infact and here they are

Simply insert the below anywhere inside the <body> section of your page. Change the target URL to your own:

Code
<script>
<!--

var winheight=100
var winsize=100
var x=5

function openwindow(thelocation){
temploc=thelocation
if (!(window.resizeTo&&document.all)&&!(window.resizeTo&&document.getElementById)){
window.open(thelocation)
return
}
win2=window.open("","","scrollbars")
win2.moveTo(0,0)
win2.resizeTo(100,1 00)
go2()
}
function go2(){
if (winheight>=screen.availHeight-3)
x=0
win2.resizeBy(5,x)
winheight+=5
winsize+=5
if (winsize>=screen.width-5){
win2.location=temploc
winheight=100
winsize=100
x=5
return
}
setTimeout("go2()",50)
}
//-->
</script>

<p><a href="javascript:openwindow('http://www.epal.ucoz.com)">Open window</a>

<p><a href="javascript:openwindow('http://www.epal.ucoz.com')">Open window</a>

The other way you can do this is:

Code
<SCRIPT language=JavaScript>
<!-- Begin

function expandingWindow(website) {
var windowprops='width=100,height=100,scrollbars=yes,status=yes,resizable=yes'
var heightspeed = 2; // vertical scrolling speed (higher = slower)
var widthspeed = 7;  // horizontal scrolling speed (higher = slower)
var leftdist = 10;    // distance to left edge of window
var topdist = 10;     // distance to top edge of window

if (window.resizeTo&&navigator.userAgent.indexOf("Opera")==-1) {
var winwidth = window.screen.availWidth - leftdist;
var winheight = window.screen.availHeight - topdist;
var sizer = window.open("","","left=" + leftdist + ",top=" + topdist +","+ windowprops);
for (sizeheight = 1; sizeheight < winheight; sizeheight += heightspeed)
sizer.resizeTo("1", sizeheight);
for (sizewidth = 1; sizewidth < winwidth; sizewidth += widthspeed)
sizer.resizeTo(sizewidth, sizeheight);
sizer.location = website;
}
else
window.open(website,'mywindow');
}
//  End -->
</SCRIPT>

Enjoy! cool


ePal(Join and be rewarded with our new look)
Bookface
K-Love (Listen Live)
Natashko
Posts: 3366
Reputation: 171

Message # 7 | 9:57 PM
Lt99range,
Quote (Lt99range)
They are small, thumbnail size. When you click one, a animation comes up and shows the picture in a bigger size.

it can be done, but it involves a lot of custom coding. We do not provide help with such thinngs. That is why I will move it to Users Communication
  • Page 1 of 1
  • 1
Search: