[js][jquery][smarty]problem z dzialaniem slideshow, po przeniesieniu js do szablonu Opcje

[piasekps]

czesc wszystkim

mam nadzieje ze w dobrym dziale umiescilem ten text

korzystam z tego przykladu slideshow
do utworzenia przegladania zdjec w galerii, wszystko ladnie dziala dopoki kod js
mam w osobnym pliku js, niestety takie rozwiazanie wymusza u mnie stala liczbe zdjec wyswietlanych
postanowilem wiec delikatnie zmienic ten problem

poniewaz cala strone buduje z pomoca smarty wiec stwierdzilem ze najlepiej bedzie poprostu przesylac
liczbe fotek za pomoca zmiennej [-nr-]
dlatego przenioslem caly kod js do szablonu i tam wstawiam zmienna

i sprawa wyglada tak ze po wrzuceniu js do szablonu skrypt przestal dzialac
i nie mam pojecia dlaczego, zrodlo strony pokazuje ze zmienna zostala wprowadzona poprawnie
ale niestety nie dziala, pojawily sie miniaturki (drugi foreach w kodzie), ale nie ma glownych zdjec
nacisniecie miniaturek tez nie dziala,

dokladnie to samo dzieje sie gdy wkleje js ze stala wartoscia 'nr'

odrazu uprzedzam komentarze wiem ze standardowo smarty korzysta z {} ale zmienilem sobie
na [--] wiec nie w tym problem

bede wdzieczny za jaka kolwiek pomoc, uprzedzam ze nie jestem orlem z js

pozdrawiam
p.s.

[HTML] pobierz, plaintext 
<script type="text/javascript">
 
//=============== art gellery ================================
var $$ = $.fn;
 
$$.extend({
  SplitID2 : function()
  {return this.attr('id').split('-').pop();},
 
  Slideshow2 : {
    Ready : function()
    {
      $('div.ops')
        .click(
          function() {
            $$.Slideshow2.Interrupted = true;
 
            $('div.photoBox').hide();
            $('div.ops').removeClass('opsActive');
 
            $('div#photo-' + $(this).SplitID()).show()
            $(this).addClass('opsActive');
          }
        );
 
      this.Counter = 1;
      this.Interrupted = false;
 
      this.Transition2();
    },
 
    Transition2 : function()
    {
      if (this.Interrupted)
       {return;}
 
      this.Last = this.Counter - 1;
 
      if (this.Last < 1)
       {this.Last = [-$nr-];}
 
      $('div#photo-' + this.Last).fadeOut(
        'fast',
        function() {
          $('div#phcon-' + $$.Slideshow2.Last).removeClass('opsActive');
          $('div#phcon-' + $$.Slideshow2.Counter).addClass('opsActive');
          $('div#photo-' + $$.Slideshow2.Counter).fadeIn('fast');
 
          $$.Slideshow2.Counter++;
 
          if ($$.Slideshow2.Counter > [-$nr-])
           {$$.Slideshow2.Counter = 1;}
        }
      );
    }
  }
});
$(document).ready(
  function() {$$.Slideshow2.Ready();}
);
//-->
</script>
<div id="bph">
[-foreach from=$photo key=k item=v name=min-]
 <div id="photo-[-$smarty.foreach.min.iteration-]" class="photoBox">
  <img src="[-$v.photo-]" title="[-$v.ph_descrb-]" alt="[-$v.ph_descrb-]" />
  <div class="phTxt">
   <div class="fot">Fot. <span> [-$v.ph_autor-]</span></div>
   <div class="dsc">[-$v.ph_descrb-]</div>
  </div><!-- phTxt -->
 </div><!-- photoBox -->
[-/foreach-]
 
 <div id="phControl">
 [-foreach from = $photo key = k item = v name = min-]
  <div class="ops" id="phcon-[-$smarty.foreach.min.iteration-]">
   <img src="[-$v.photo-]" title="[-$v.ph_descrb-]" alt="[-$v.ph_descrb-]" />
  </div><!-- ops -->
 [-/foreach-]
 </div><!-- phControl -->
</div><!-- bph -->
&nbsp;
[HTML] pobierz, plaintext 

Ten post edytował piasekps 26.08.2009, 13:15:10

[erix]

i sprawa wyglada tak ze po wrzuceniu js do szablonu skrypt przestal dzialac

Google: {literal}

[piasekps]

niestety {literal} ani nawet {ldelim},{rdelim}
nie pomoglo rozwiazac problemu

jakies jeszcze pomysly?

pozdrawiam
p.s.

[erix]

Pokaż, jak to zrobiłeś.

[piasekps]

przyklad z literal

[HTML] pobierz, plaintext 
<script type="text/javascript">
[-literal-]
js code
[-/literal-]
</script>
[HTML] pobierz, plaintext 

sprawdzalem tez opcje druga

[HTML] pobierz, plaintext 
[-literal-]
<script type="text/javascript">
(...) js code (...)
</script>
[-/literal-]
[HTML] pobierz, plaintext 

oraz z ldelim i rdelim

[HTML] pobierz, plaintext 
if (this.Last < 1)
 {this.Last = [-ldelim-][-$nr-][-rdelim-];}
 
$('div#photo-' + this.Last).fadeOut('fast', function() {
$('div#phcon-' + $$.Slideshow2.Last).removeClass('opsActive');
$('div#phcon-' + $$.Slideshow2.Counter).addClass('opsActive');
$('div#photo-' + $$.Slideshow2.Counter).fadeIn('fast');
$$.Slideshow2.Counter++;
 
if ($$.Slideshow2.Counter > [-ldelim-][-$nr-][-rdelim-];)
 {$$.Slideshow2.Counter = 1;}
[HTML] pobierz, plaintext 

Ten post edytował piasekps 27.08.2009, 16:21:11

[erix]

Kod

[-literal-]

To na pewno ma tak być? Mam wątpliwości.

[piasekps]

Kod

[-literal-]

To na pewno ma tak być? Mam wątpliwości.

te znaczniki sa uzywane przeze mnie normalnie wstaw sobie {literal} zamiast [-literal-]
mnie sie z takimi latwiej pracuje, bo wczesniej mi sie poprostu mylilo ze to zwykly tekst

wkoncu mi zadzialalo,

ten sam kod mam w 2 miejscach w osobnym pliku .js ze stala wartoscia 2
oraz w szablonie ze zmienna [-$nr-] gdzie cod js jest pomiedzy literal
a sama zmienna pomiedzy ldelim i rdelim,

jednak jak ktos wie jak zrobic to 'ladniej' to czekam

szkoda ze nie moge sobie dodac 'pomogl' (IMG:style_emoticons/default/winksmiley.jpg)
pozdrawiam
p.s.

Ten post edytował piasekps 30.08.2009, 16:36:55