Cum scot numarul unei poze de la slide

Scris de Deea.Girl Mar Iun 19, 2012 2:01 pm

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

Scris de Kevin Mar Iun 19, 2012 3:12 pm

Ati putea sa postati aici codul de la acel slide ?

Scris de Deea.Girl Mar Iun 19, 2012 9:50 pm

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 : https://help.forumgratuit.ro/t33558-cum-puteti-creea-un-slider-elegant-tip-acordeon

Scris de Kevin Mar Iun 19, 2012 9:54 pm

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

Scris de Deea.Girl Mar Iun 19, 2012 10:01 pm

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>

Scris de Kevin Mar Iun 19, 2012 10:11 pm

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>

Scris de Deea.Girl Mar Iun 19, 2012 10:20 pm

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

Scris de Kevin Mar Iun 19, 2012 10:22 pm

Doriti si cifra sa dispara ?

Scris de Deea.Girl Mar Iun 19, 2012 10:34 pm

Da , daca se poate :d

Scris de Kevin Mar Iun 19, 2012 10:35 pm

Adaugati in CSS:

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

Scris de Deea.Girl Mar Iun 19, 2012 10:44 pm

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

Scris de Kevin Mar Iun 19, 2012 10:45 pm

Cu mare placere Deea.Girl.

Cum scot numarul unei poze de la slide

Cum scot numarul unei poze de la slide

Re: Cum scot numarul unei poze de la slide

Re: Cum scot numarul unei poze de la slide

Re: Cum scot numarul unei poze de la slide

Re: Cum scot numarul unei poze de la slide

Re: Cum scot numarul unei poze de la slide

Re: Cum scot numarul unei poze de la slide

Re: Cum scot numarul unei poze de la slide

Re: Cum scot numarul unei poze de la slide

Re: Cum scot numarul unei poze de la slide

Re: Cum scot numarul unei poze de la slide

Re: Cum scot numarul unei poze de la slide