750 1823b.størrelsen ændret

Tekst popup

HTML Content

---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

 

Open HTML-content
Her følger teksten.Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam dapibus leo quis nisl. In lectus. Vivamus consectetuer pede in nisl. Mauris cursus pretium mauris. Suspendisse condimentum mi ac tellus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Donec sed enim. Ut vel ipsum. Cras consequat velit et justo. Donec mollis, mi at tincidunt vehicula, nisl mi luctus risus, quis scelerisque arcu nibh ac nisi. Sed risus. Curabitur urna. Aliquam vitae nisl. Quisque imperdiet semper justo. Pellentesque nonummy pretium tellus.
Koden er her.
 
<div class="highslide-body">
	<div>
	<script type="text/javascript">
		hs.outlineType = 'rounded-white';
		hs.showCredits = false;
		hs.wrapperClassName = 'draggable-header';
	</script>
	<!--
	3) Mark up the main content like this to use a self rendering content 
	wrapper with inline main content. The content is grabbed from the first subsequent
	div with a class name of .highslide-maincontent.
--> <a href="/index.htm" onclick="return hs.htmlExpand(this, { headingText:
 'Overskrift' })"> Open HTML-content </a>
	<div class="highslide-maincontent">Her følger teksten.Lorem ipsum dolor 
	sit amet, consectetuer adipiscing elit. Aliquam dapibus leo quis nisl. 
	In lectus. Vivamus consectetuer pede in nisl. Mauris cursus pretium mauris.
	 Suspendisse condimentum mi ac tellus. Pellentesque habitant morbi 
	 tristique senectus et netus et malesuada fames ac turpis egestas. 
	 Donec sed enim. Ut vel ipsum. Cras consequat velit et justo. 
	 Donec mollis, mi at tincidunt vehicula, nisl mi luctus risus, 
	 quis scelerisque arcu nibh ac nisi. Sed risus. Curabitur urna. 
	 Aliquam vitae nisl. Quisque imperdiet semper justo.
	  Pellentesque nonummy pretium tellus.</div>
</div>

--------------------------------------------------------------------------------------------------------

AJAX Content    Intro

Kode:

 

 
<h3 id="ajax-content"><a href="/power.basjoo/images/kategorier/kassen/joomla-hs/ajax.htm#intro"
 class="highslide" onclick="return hs.htmlExpand(this,{align: 'auto', anchor: 
 'auto', easing: 'easeInQuad', easingClose: 'easeInQuad', fadeInOut: false, 
 outlineWhileAnimating: true, outlineType: 'rounded-white', wrapperClassName: 
 'highslide-white', hsjcontent: '%0A', width: 400, objectType: 'ajax'})"
 >AJAX Content</a>    Intro</h3>

 

----------------------------------------------------------------------------------------

Dynamic AJAX    dynamic

koden er her:

 

 
<h3 id="dynamic-ajax&;"><a href="/power.basjoo/images/kategorier/kassen/joomla-hs/
 ajax.htm#dynamic" class="highslide" onclick="return hs.htmlExpand(this,
 {align: 'auto', anchor: 'auto', easing: 'easeInQuad', easingClose: 'easeInQuad'
 , fadeInOut: false, outlineWhileAnimating: true, outlineType: 'rounded-white', 
 wrapperClassName: 'highslide-white', hsjcontentstyle: 'width: 400px;', 
 objectType: 'ajax', preserveContent: true, overlayId: 'my-overlaytext',
  customOverlay: { useOnHtml: true, position: 'top right', opacity: 1 }})"
  >Dynamic AJAX</a>    dynamic</h3>

 

------------------------------------------------------------------------------------------------------------------------------------

Scrolling HTML Content  Ajax

Koden er her:

 

 
<h3 id="scrolling-html-content"><a href="/power.basjoo/images/kategorier/kassen/joomla-hs/
   Included_content.htm" class="highslide" onclick="return hs.htmlExpand(this,
   {outlineType: 'rounded-white', contentId: 'html-id-2', hsjcontent:
    '%3Cdiv%20style%3D%22border-bottom%3A%201px%20solid%20silver%3B%20padding%3A%205
px%3B%20
height%3A%2020px%3B%22%3E%0A%3Ca%20href%3D%22%23
%22%20onclick%3D%22return%20hs.
    close%28this%29%22%20class%3D%22control%22%3E%7B
hs.lang.closeText%7D%3C/a%3E%0A%3Ca%20href%3D%22%23%22%20
onclick%3D%22return%20false%22%20class%3D%22
    highslide-move%20control%22%3E%7Bhs.lang.moveText%7D%3C/a%3E%0A%3C
    /div%3E%0A%3Cdiv%20class%3D%22highslide-body%22%20style%3D%22padding
    %3A%2010px%3B%22%3E%3C/div%3E%0A%3Cdiv%20style%3D%22border-top%3A%201px%20
    solid%20silver%3B%20text-align%3A%20center%3B%22%20%3E%3C/small%3E%0A%3C/
    div%3E%0A', hsjcontentstyle: 'padding: 15px; width: 1000px;', objectType: 
    'ajax', cacheAjax: false})">Scrolling HTML Content</a>  Ajax</h3>

 

----------------------------------------------------------------------------------------------------------------------------------

Do the same operation for the Thumbnail Image URL to specify your thumbnail image. TIP

----------------------------------------------------------------------------------------------------------------------------------------------------

Click to open   MED AJAX

Koden er her:

 

 
<p><a class="highslide" href="/power.basjoo/images/kategorier/kassen/hs-ekstra/include/
  include-short.htm" onclick="return hs.htmlExpand(this,
   { objectType: 'ajax'})"> Click to open   </a> MED AJAX</p>

 

-------------------------------------------------------------------------------

Click to open  med Iframe

Koden er her:

 

 

 

----------------------------------------------------------------------------------------------------

 

 Click to open      Ajax med stylet html i popuppen

 

Copyright © Poweramiga.dk
POWERAMIGA