Stránka 1 z 1

Vyskakující okno s obrázkem

Napsal: 09 kvě 2010 21:18
od Jarincz
Dobrý den,potřeboval bych poradit.Mám stránky a chtěl bych aby při načtení stránek vyskočilo okno s obrázkem v rolišení např. 640x480.Už se snažím,ale jaksi ne dost.

Re: Vyskakující okno s obrázkem

Napsal: 10 kvě 2010 09:15
od admin
Já používám toto:
1. Koncovka stránky musí být php
2. Page/Page html/Between Head Tag/

Vložím:

Kód: Vybrat vše

<meta name="robots" content="all,follow" /> 
<script language="JavaScript1.2">

isMouseover = false;
isDragging = false;

function MouseDownLayer(e)
{
   isIE = document.all;

   documentTag = isIE ? "BODY" : "HTML";
   srcElement = isIE ? event.srcElement : e.target; 
   layerElement = isIE ? document.all.akce01 : document.getElementById("akce01"); 

   while (srcElement.id != "akce01TitleBar" && srcElement.tagName != documentTag)
   {
      srcElement = isIE ? srcElement.parentElement : srcElement.parentNode;
   } 
   if (srcElement.id == "akce01TitleBar")
   {
      offsetX = isIE ? event.clientX : e.clientX;
      offsetY = isIE ? event.clientY : e.clientY;
      currentX = parseInt(layerElement.style.left);
      currentY = parseInt(layerElement.style.top);
      isDragging = true;
      document.onmousemove = MouseMoveLayer;
  }
}

function MouseMoveLayer(e)
{
   if (!isDragging) return;
   
   // Internet Explorer ?
   if (document.all)
   {
      layerElement.style.left = currentX+event.clientX-offsetX;
      layerElement.style.top = currentY+event.clientY-offsetY;
   }
   else
   {
      layerElement.style.left = currentX+e.clientX-offsetX;
      layerElement.style.top = currentY+e.clientY-offsetY;
   }
   return false; 
}

document.onmousedown = MouseDownLayer;
document.onmouseup = Function("isDragging=false");

</script>


3.Vložit na stránku Layer
4.Na Layer vložit html do kterého vepíši

Kód: Vybrat vše

<table border="0" bgcolor="#FDF21C" width="100%" cellspacing="0" cellpadding="2">
<tr>
   <td id="akce01TitleBar" style="cursor:move" width="100%">
      <ilayer width="100%" onSelectStart="return false">
      <layer width="100%" onMouseover="isMouseover=true" onMouseout="isMouseover=false">
      <font face="Arial" color="#000000" style="font-size:15px;text-decoration:none"><b></b></font>
      </layer>
      </ilayer>
   </td>
   <td style="cursor:hand" valign="top">
      <a href="#" onClick="layerElement.style.visibility='hidden';return false">
      <font color="#000000" face="Arial" style="font-size:15px;text-decoration:none"><b><u>zavřít<u></b></font>
      </a>
   </td>
</tr>
</table>

Na Layer mohu vložit text, odkaz, obrázek

Funguje to tak že se při naštení stránky objeví okno třeba s obrázkem a návštěvník ho může ukončit.
Snad jsem na nic nezapoměl.

Re: Vyskakující okno s obrázkem

Napsal: 03 čer 2010 20:30
od Lachot
Dobrý den,
chci taky něco takové udělat, ale tak, že když kliknu na obrázek, tak vyskočí to tzv. popup okno a tam bych chtěl šipky, které budou přepínat fotky. Je to v tomto programu realizovatelné bez pužití jakýkoliv html kódů a všeho jiného? :?

Děkuji za odpovědi

Re: Vyskakující okno s obrázkem

Napsal: 08 čer 2010 08:57
od admin
nemám odzkoušeno