Page 1 of 1

Twee Image Rotators op 1 pagina

Posted: Thu Feb 09, 2012 6:31 pm
by PetersICT
Goedenavond,

Ik wil graag 2 image rotators op 1 pagina, hierdoor werkt de functie niet helemaal lekker, graag tips.

Re: Twee Image Rotators op 1 pagina

Posted: Thu Feb 09, 2012 7:31 pm
by Jos
Als het jquery scripts zijn, zorg dan dat de jquery library maar één keer aangeroepen wordt

Re: Twee Image Rotators op 1 pagina

Posted: Fri Feb 10, 2012 5:17 pm
by PetersICT
Hoe doe ik dit met de rotator function.??

Re: Twee Image Rotators op 1 pagina

Posted: Fri Feb 10, 2012 5:40 pm
by Gregor
Op http://www.uisge-beatha.eu staat in de header:

Code: Select all

{* start accessibility skip links *}
<ul class="accessibility">
    <li>{anchor anchor='menu_vert' title='Skip to navigation' accesskey='n' text='Skip to navigation'}
    </li>
    <li>{anchor anchor='main' title='Skip to content' accesskey='s' text='Skip to content'}</li>
</ul>
{* end accessibility skip links *}
<hr class="accessibility" />
{* Horizontal ruler that is hidden for visual browsers by CSS *}
<h1>{cms_selflink dir="start" text="$sitename"}</h1>
{* Start Search, the input "Submit" is using an image, CSS: div#search input.search-button *}
<div id="header_banner"> 
    {rotate path="uploads/Flash/flash_banner/" height="180" width="775"}
</div>
<div id="search" class="core-float-right">
    {* search search_method="post" *}
    {global_content name='google_zoek'}
</div>
{* End Search *}
In de content staat:
zo gedoopt en naar goed gebruik wijzig je de naam van de boot niet als deze van eigenaar verandert.

{rotate path='uploads/images/rotatepages/homepage/' height="180" width="150"}
Mocht hier wel toe besloten worden, dan schrijft datzelfde gebruik voor dat de oorspronkelijke naam aan
En binnen <head> </head> staat:

Code: Select all

{cms_jquery cdn='false' exclude='jquery.ui.nestedSortable-1.3.4.js, jquery.json-2.2.js, jquery-ui-1.8.14.min.js'}

{literal}
   <__script__ type="text/javascript" src='http://www.uisge-beatha.eu/uploads/Javascripts/cycle.js' defer="defer">
   </__script>

   <__script__ type="text/javascript">
     $(document).ready(function() {
     $('.slider').cycle({
       fx: 'scrollUp',
       timeout: 8000,
       pause: 2
       });
      });
   </__script>
{/literal}
Gr., Gregor