Przerobienie skryptu Opcje

[SpiJay]

Cześć,

potrzebuję pomocy osób bardziej obeznanych w kwestii JS.
Korzystam ze skryptu o nazwie Supersized - Fullscreen Slideshow jQuery Plugin, cały skrypt do pobrania jest tutaj,a a demo tutaj.

Ogólnie wszystko wygląda tak:

(Wzorując się demo, które podesłałem wyżej)

Aktualny efekt jest taki:
w tle pod tekstem przesuwają się obrazy o stałej szerokości...
Do zobrazowania taki kod:

[HTML] pobierz, plaintext 
<div id="obraz-w-tle">
     <div class="box-absolute">tresc</div>
</div>
[HTML] pobierz, plaintext 

po kliknięciu "następny" pojawia się inny obraz.


A ja chcę do tego dodać:
aby obrazy przesuwały się wraz z kilkoma tekstami. Dajmy na to, niech to będzie DIV abym mógł sobie jakość to wystylizować za pomocą CSS

Do zobrazowania taki kod:

[HTML] pobierz, plaintext 
<div id="obraz-w-tle">
     <div id="text-obraz">tresc</div>
     <div class="box-absolute">tresc</div>
</div>
[HTML] pobierz, plaintext 

po kliknięciu "następny" pojawia się inny obraz z nowym id="text-obraz"...

Jak takie coś zrobić ?
Bardzo zależy mi na czasie, klient się niecierpliwi, a nie mam tyle czasu aby przestudiować ten język od podstaw... (IMG:style_emoticons/default/nerdsmiley.png)

Pozdrawiam,
Patryk Szram

Ten post edytował SpiJay 15.10.2012, 17:34:03

[lukasz1985]

Rzeczywiście. Chodzi o to, że przy każdym przejściu tworzony jest dodatkowy element.

Wstaw:

[JAVASCRIPT] pobierz, plaintext 
   var wyswietlone = [];
[JAVASCRIPT] pobierz, plaintext 

i

[JAVASCRIPT] pobierz, plaintext 
 
 if (wyswietlone.indexOf(slajdDocelowy) != -1) {
                        return
                    } else {
                        wyswietlone.push(slajdDocelowy)
                    }
[JAVASCRIPT] pobierz, plaintext 

według wzorca:

[JAVASCRIPT] pobierz, plaintext 
 var superBeforeAnimation = theme.beforeAnimation
                var wyswietlone = [];
                theme.beforeAnimation  = function (direction) {
 
 
                    superBeforeAnimation(direction)
                    var slajdDocelowy = vars.current_slide
                    if (wyswietlone.indexOf(slajdDocelowy) != -1) {
                        return
                    } else {
                        wyswietlone.push(slajdDocelowy)
                    }
 
                    if (slajdDocelowy == 0)  {
                        $('.slide-' + slajdDocelowy ).append('<div class="element_dodatkowy" style="z-index: 9999; background: white; position: absolute; left: 10px; top: 20px;">Treść dla slajdu 0</div>')
                    } else if (slajdDocelowy == 1) {
                        $('.slide-' + slajdDocelowy ).append('<div class="element_dodatkowy" style="z-index: 9999; background: white; position: absolute; left: 10px; top: 20px;">Treść dla slajdu PIERWSZEGO</div>')
                    } else if (slajdDocelowy == 2) {
                        $('.slide-' + slajdDocelowy ).append('<div class="element_dodatkowy" style="z-index: 9999; background: white; position: absolute; left: 10px; top: 20px;">Treść dla slajdu Drugiego</div>')
                    } else if (slajdDocelowy == 3) {
                        $('.slide-' + slajdDocelowy ).append('<div class="element_dodatkowy" style="z-index: 9999; background: white; position: absolute; left: 10px; top: 20px;">Treść dla slajdu Trzeciego </div>')
                    }
 
                }
[JAVASCRIPT] pobierz, plaintext 

powinno działać.

Jeśli IE będzie miał z tym problemy to na samej górze skryptu wstaw kod:

[JAVASCRIPT] pobierz, plaintext 
 
if (!Array.prototype.indexOf)
{
  Array.prototype.indexOf = function(elt /*, from*/)
  {
    var len = this.length;
 
    var from = Number(arguments[1]) || 0;
    from = (from < 0)
         ? Math.ceil(from)
         : Math.floor(from);
    if (from < 0)
      from += len;
 
    for (; from < len; from++)
    {
      if (from in this &&
          this[from] === elt)
        return from;
    }
    return -1;
  };
}
[JAVASCRIPT] pobierz, plaintext