Cum scot numarul unei poze de la slide

Vezi subiectul anterior Vezi subiectul urmator In jos

Rezolvat Cum scot numarul unei poze de la slide

Mesaj Scris de Deea.Girl la data de Mar 19 Iun - 14:01

Cum scot numarul acela " 1 " si Slide one"?


Ultima editare efectuata de catre Deea.Girl in Mar 19 Iun - 22:45, editata de 1 ori

Deea.Girl
Membru Forumgratuit

feminin

Mesaje : 124
Varsta : 20
Localizare : Bistrita-Nasaud
Data de inscriere : 19/12/2010
Multumiri : 0
1 avertisment

http://anime-vampire.forumulmeu.ro/

Sus In jos

Rezolvat Re: Cum scot numarul unei poze de la slide

Mesaj Scris de Kevin la data de Mar 19 Iun - 15:12

Ati putea sa postati aici codul de la acel slide ?

Kevin
Membru activ

masculin

Mesaje : 1453
Varsta : 22
Localizare : Oradea
Data de inscriere : 20/05/2012
Multumiri : 1
Membru exclus

http://inedit-gfx.wikiforum.net/

Sus In jos

Rezolvat Re: Cum scot numarul unei poze de la slide

Mesaj Scris de Deea.Girl la data de Mar 19 Iun - 21:50

Asta e de la java script :
Cod:
/*************************************************
            *
            *  project:    liteAccordion - horizontal accordion plugin for jQuery
            *  author:    Nicola Hibbert
            *  url:        http://nicolahibbert.com/horizontal-accordion-jquery-plugin
            *  demo:        http://www.nicolahibbert.com/demo/liteAccordion
            *
            *  Version:    1.1.3
            *  Copyright:    (c) 2010-2011 Nicola Hibbert
            *
            /*************************************************/
            (function($) {
           
              $.fn.liteAccordion = function(options) {
                     
                  // defaults
                  var defaults = {
                    containerWidth : 420,
                    containerHeight : 220,
                    headerWidth : 1,
                 
                    firstSlide : 1,
                    onActivate : function() {},
                    slideSpeed : 800,
                    slideCallback : function() {},       
                 
                    autoPlay : true,
                    pauseOnHover : false,
                    cycleSpeed : 2500,

                    theme : 'basic', // basic, light*, dark, stitch*
                    rounded : false,
                    enumerateSlides : false
                  },
               
                  // merge defaults with options in new settings object           
                    settings = $.extend({}, defaults, options),
           
                  // define key variables
                    $accordion = this,
                    $slides = $accordion.find('li'),
                    slideLen = $slides.length,
                    slideWidth = settings.containerWidth - (slideLen * settings.headerWidth),
                    $header = $slides.children('h2'),
                 
                  // core utility and animation methods
                    utils = {
                        getGroup : function(pos, index) {     
                          if (this.offsetLeft === pos.left) {
                              return $header.slice(index + 1, slideLen).filter(function() { return this.offsetLeft === $header.index(this) * settings.headerWidth });
                          } else if (this.offsetLeft === pos.right) {
                              return $header.slice(0, index + 1).filter(function() { return this.offsetLeft === slideWidth + ($header.index(this) * settings.headerWidth) }); 
                          }               
                        },
                        nextSlide : function(slideIndex) {
                          var slide = slideIndex + 1 || settings.firstSlide;

                          // get index of next slide
                          return function() {
                              return slide++ % slideLen;
                          }
                        },
                        play : function(slideIndex) {
                          var getNext = utils.nextSlide((slideIndex) ? slideIndex : ''), // create closure
                              start = function() {
                                $header.eq(getNext()).click();
                              };
                       
                          utils.playing = setInterval(start, settings.cycleSpeed);       
                        },
                        pause : function() {
                          clearInterval(utils.playing);
                        },
                        playing : 0,
                        sentinel : false
                    };     
               
                  // set container heights, widths, theme & corner style
                  $accordion
                    .height(settings.containerHeight)
                    .width(settings.containerWidth)
                    .addClass(settings.theme)
                    .addClass(settings.rounded && 'rounded');
               
                  // set tab width, height and selected class
                  $header
                    .width(settings.containerHeight)
                    .height(settings.headerWidth)
                    .eq(settings.firstSlide - 1).addClass('selected');
               
                  // ie :(
                  if ($.browser.msie) {
                    if ($.browser.version.substr(0,1) > 8) {
                        $header.css('filter', 'none');
                    } else if ($.browser.version.substr(0,1) < 7) {
                        return false;
                    }
                  }
               
                  // set initial positions for each slide
                  $header.each(function(index) {
                    var $this = $(this),
                        left = index * settings.headerWidth;
                     
                    if (index >= settings.firstSlide) left += slideWidth;
                 
                    $this
                        .css('left', left)
                        .next()
                          .width(slideWidth)
                          .css({ left : left, paddingLeft : settings.headerWidth });
                 
                    // add number to bottom of tab
                    settings.enumerateSlides && $this.append('<b>' + (index + 1) + '</b>');       

                  }); 
                     
                  // bind event handler for activating slides
                  $header.click(function(e) {
                    var $this = $(this),
                        index = $header.index($this),
                        $next = $this.next(),
                        pos = {
                          left : index * settings.headerWidth,
                          right : index * settings.headerWidth + slideWidth,
                          newPos : 0
                        },
                        $group = utils.getGroup.call(this, pos, index);
                                 
                    // set animation direction
                    if (this.offsetLeft === pos.left) {
                        pos.newPos = slideWidth;
                    } else if (this.offsetLeft === pos.right) {
                        pos.newPos = -slideWidth;
                    }
                 
                    // check if animation in progress
                    if (!$header.is(':animated')) {

                        // activate onclick callback with slide div as context     
                        if (e.originalEvent) {
                          if (utils.sentinel === this) return false;
                          settings.onActivate.call($next);
                          utils.sentinel = this;
                        } else {
                          settings.onActivate.call($next);
                          utils.sentinel = false;
                        }

                        // remove, then add selected class
                        $header.removeClass('selected').filter($this).addClass('selected');
                 
                        // get group of tabs & animate       
                        $group
                          .animate({ left : '+=' + pos.newPos }, settings.slideSpeed, function() { settings.slideCallback.call($next) })
                          .next()
                          .animate({ left : '+=' + pos.newPos }, settings.slideSpeed);
                           
                    }
                  });
                 
                  // pause on hover       
                  if (settings.pauseOnHover) {
                    $accordion.hover(function() {
                        utils.pause();
                    }, function() {
                        utils.play($header.index($header.filter('.selected')));
                    });
                  }
                     
                  // start autoplay, call utils with no args = start from firstSlide
                  settings.autoPlay && utils.play();
               
                  return $accordion;
               
              };
           
            })(jQuery);
Edit : toate codurile le gasesti aici : [Trebuie sa fiti inscris si conectat pentru a vedea acest link]

Deea.Girl
Membru Forumgratuit

feminin

Mesaje : 124
Varsta : 20
Localizare : Bistrita-Nasaud
Data de inscriere : 19/12/2010
Multumiri : 0
1 avertisment

http://anime-vampire.forumulmeu.ro/

Sus In jos

Rezolvat Re: Cum scot numarul unei poze de la slide

Mesaj Scris de Kevin la data de Mar 19 Iun - 21:54

As avea nevoie de codul din Generalitati nu cel din Gestionarea codurilor Javascript.

Kevin
Membru activ

masculin

Mesaje : 1453
Varsta : 22
Localizare : Oradea
Data de inscriere : 20/05/2012
Multumiri : 1
Membru exclus

http://inedit-gfx.wikiforum.net/

Sus In jos

Rezolvat Re: Cum scot numarul unei poze de la slide

Mesaj Scris de Deea.Girl la data de Mar 19 Iun - 22:01

Cod:
 <div id="one" class="accordion">
            <ol>
                <li>
                    <h2><span>Slide One</span></h2>
                    <div id="s1"></div>
                </li>
                <li>
                    <h2><span>Slide Two</span></h2>
                    <div id="s2"></div>
                </li>
                <li>
                    <h2><span>Slide Three</span></h2>
                    <div id="s3"></div>
                </li>
                <li>
                    <h2><span>Slide Four</span></h2>
                    <div id="s4"></div>
                </li>
                <li>
                    <h2><span>Slide Five</span></h2>
                    <div id="s5"></div>
                </li>
            </ol>
            <noscript>
                <p>Please enable JavaScript to get the full experience.</p>
            </noscript>
        </div>

Deea.Girl
Membru Forumgratuit

feminin

Mesaje : 124
Varsta : 20
Localizare : Bistrita-Nasaud
Data de inscriere : 19/12/2010
Multumiri : 0
1 avertisment

http://anime-vampire.forumulmeu.ro/

Sus In jos

Rezolvat Re: Cum scot numarul unei poze de la slide

Mesaj Scris de Kevin la data de Mar 19 Iun - 22:11

Incercati:

Cod:
 <div id="one" class="accordion">
            <ol>
                <li>
                    <h2><span></span></h2>
                    <div id="s1"></div>
                </li>
                <li>
                    <h2><span></span></h2>
                    <div id="s2"></div>
                </li>
                <li>
                    <h2><span></span></h2>
                    <div id="s3"></div>
                </li>
                <li>
                    <h2><span></span></h2>
                    <div id="s4"></div>
                </li>
                <li>
                    <h2><span></span></h2>
                    <div id="s5"></div>
                </li>
            </ol>
            <noscript>
                <p>Please enable JavaScript to get the full experience.</p>
            </noscript>
        </div>

Kevin
Membru activ

masculin

Mesaje : 1453
Varsta : 22
Localizare : Oradea
Data de inscriere : 20/05/2012
Multumiri : 1
Membru exclus

http://inedit-gfx.wikiforum.net/

Sus In jos

Rezolvat Re: Cum scot numarul unei poze de la slide

Mesaj Scris de Deea.Girl la data de Mar 19 Iun - 22:20

Scriuul (Slide one ) a disparut dar cifra de sub nu Supărat

Deea.Girl
Membru Forumgratuit

feminin

Mesaje : 124
Varsta : 20
Localizare : Bistrita-Nasaud
Data de inscriere : 19/12/2010
Multumiri : 0
1 avertisment

http://anime-vampire.forumulmeu.ro/

Sus In jos

Rezolvat Re: Cum scot numarul unei poze de la slide

Mesaj Scris de Kevin la data de Mar 19 Iun - 22:22

Doriti si cifra sa dispara ?

Kevin
Membru activ

masculin

Mesaje : 1453
Varsta : 22
Localizare : Oradea
Data de inscriere : 20/05/2012
Multumiri : 1
Membru exclus

http://inedit-gfx.wikiforum.net/

Sus In jos

Rezolvat Re: Cum scot numarul unei poze de la slide

Mesaj Scris de Deea.Girl la data de Mar 19 Iun - 22:34

Da , daca se poate :d

Deea.Girl
Membru Forumgratuit

feminin

Mesaje : 124
Varsta : 20
Localizare : Bistrita-Nasaud
Data de inscriere : 19/12/2010
Multumiri : 0
1 avertisment

http://anime-vampire.forumulmeu.ro/

Sus In jos

Rezolvat Re: Cum scot numarul unei poze de la slide

Mesaj Scris de Kevin la data de Mar 19 Iun - 22:35

Adaugati in CSS:

Cod:
.dark li > h2 b {
background: #3535359;
color: #030303;
font-size: 20px;
text-shadow: -1px 1px 0 #5B5B5B;
display: none;
}

Kevin
Membru activ

masculin

Mesaje : 1453
Varsta : 22
Localizare : Oradea
Data de inscriere : 20/05/2012
Multumiri : 1
Membru exclus

http://inedit-gfx.wikiforum.net/

Sus In jos

Rezolvat Re: Cum scot numarul unei poze de la slide

Mesaj Scris de Deea.Girl la data de Mar 19 Iun - 22:44

Acum a disparut si numarul ...Multumesc Kevin Foarte fericit

Deea.Girl
Membru Forumgratuit

feminin

Mesaje : 124
Varsta : 20
Localizare : Bistrita-Nasaud
Data de inscriere : 19/12/2010
Multumiri : 0
1 avertisment

http://anime-vampire.forumulmeu.ro/

Sus In jos

Rezolvat Re: Cum scot numarul unei poze de la slide

Mesaj Scris de Kevin la data de Mar 19 Iun - 22:45

Cu mare placere Deea.Girl.

Kevin
Membru activ

masculin

Mesaje : 1453
Varsta : 22
Localizare : Oradea
Data de inscriere : 20/05/2012
Multumiri : 1
Membru exclus

http://inedit-gfx.wikiforum.net/

Sus In jos

Rezolvat Re: Cum scot numarul unei poze de la slide

Mesaj Scris de Lycan la data de Mar 19 Iun - 23:42

topic rezolvat

Lycan
Membru onorific
Membru onorific

masculin

Mesaje : 3146
Localizare : Karaibe
Data de inscriere : 21/10/2011
Multumiri : 0
Niciun avertisment

http://netuts.forumz.ro

Sus In jos

Vezi subiectul anterior Vezi subiectul urmator Sus

- Subiecte similare

Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum