Cum scot numarul unei poze de la slide

Pagina 1 din 2 1, 2  Urmatorul

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
avatar
Deea.Girl
Membru Forumgratuit

feminin

Mesaje : 124
Varsta : 21
Localizare : Bistrita-Nasaud
Data înscrierii : 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 ?
avatar
Kevin
Membru activ

masculin

Mesaje : 1453
Varsta : 23
Localizare : Oradea
Data înscrierii : 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 : http://help.forumgratuit.ro/t33558-cum-puteti-creea-un-slider-elegant-tip-acordeon
avatar
Deea.Girl
Membru Forumgratuit

feminin

Mesaje : 124
Varsta : 21
Localizare : Bistrita-Nasaud
Data înscrierii : 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.
avatar
Kevin
Membru activ

masculin

Mesaje : 1453
Varsta : 23
Localizare : Oradea
Data înscrierii : 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>
avatar
Deea.Girl
Membru Forumgratuit

feminin

Mesaje : 124
Varsta : 21
Localizare : Bistrita-Nasaud
Data înscrierii : 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>
avatar
Kevin
Membru activ

masculin

Mesaje : 1453
Varsta : 23
Localizare : Oradea
Data înscrierii : 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
avatar
Deea.Girl
Membru Forumgratuit

feminin

Mesaje : 124
Varsta : 21
Localizare : Bistrita-Nasaud
Data înscrierii : 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 ?
avatar
Kevin
Membru activ

masculin

Mesaje : 1453
Varsta : 23
Localizare : Oradea
Data înscrierii : 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
avatar
Deea.Girl
Membru Forumgratuit

feminin

Mesaje : 124
Varsta : 21
Localizare : Bistrita-Nasaud
Data înscrierii : 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;
}
avatar
Kevin
Membru activ

masculin

Mesaje : 1453
Varsta : 23
Localizare : Oradea
Data înscrierii : 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
avatar
Deea.Girl
Membru Forumgratuit

feminin

Mesaje : 124
Varsta : 21
Localizare : Bistrita-Nasaud
Data înscrierii : 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.
avatar
Kevin
Membru activ

masculin

Mesaje : 1453
Varsta : 23
Localizare : Oradea
Data înscrierii : 20/05/2012
Multumiri : 1
Membru exclus

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

Sus In jos

Pagina 1 din 2 1, 2  Urmatorul

Vezi subiectul anterior Vezi subiectul urmator Sus

- Subiecte similare

Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum