Ajutor Codare "Slider Script" 5 5 1

Ajutor Codare "Slider Script"

Page 1 of 2 1, 2  Next

View previous topic View next topic Go down

Acceptat / Rezolvat Ajutor Codare "Slider Script"

Post by ghebaru on Mon 10 Jan 2011, 21:04

Salut am gasit un slider pe net si ma chinui de 2 zile sa-l codez si nu stiu cum :-? Sad
Uitati despre ce e vorba Click Si o demonstratie Click

sau

Dar daca se poate PM.ceva de genu


Last edited by ghebaru on Sun 30 Jan 2011, 20:46; edited 3 times in total

ghebaru
Membru Junior
Membru Junior

Membru din: 2010-08-19
Mesaje: 31
Nici un avertisment
Localitate: Bucuresti
Varsta: 21
Credite: 6

http://www.freshmania.forumz.ro

Back to top Go down

Acceptat / Rezolvat Re: Ajutor Codare "Slider Script"

Post by Wisdom on Mon 10 Jan 2011, 22:25

Te rog sa folosesti un titlu mai romanesc.

Wisdom
Membru Fondator

Membru din: 2009-11-14
Mesaje: 1110
Nici un avertisment
Localitate: Galați
Varsta: 19
Ocupatii: Liceul deocamdata
Interese: Limbajele internetului, web design-ul, jocuri video, masini si altele
Credite: 54

http://www.netcustoms.net

Back to top Go down

Acceptat / Rezolvat Re: Ajutor Codare "Slider Script"

Post by ghebaru on Tue 11 Jan 2011, 09:29

gata am modificat

ghebaru
Membru Junior
Membru Junior

Membru din: 2010-08-19
Mesaje: 31
Nici un avertisment
Localitate: Bucuresti
Varsta: 21
Credite: 6

http://www.freshmania.forumz.ro

Back to top Go down

Acceptat / Rezolvat Re: Ajutor Codare "Slider Script"

Post by Wisdom on Tue 11 Jan 2011, 16:33

Pai ce anume nu ai inteles?

Wisdom
Membru Fondator

Membru din: 2009-11-14
Mesaje: 1110
Nici un avertisment
Localitate: Galați
Varsta: 19
Ocupatii: Liceul deocamdata
Interese: Limbajele internetului, web design-ul, jocuri video, masini si altele
Credite: 54

http://www.netcustoms.net

Back to top Go down

Acceptat / Rezolvat Re: Ajutor Codare "Slider Script"

Post by ghebaru on Wed 12 Jan 2011, 09:49

La linkul "ceva de genu" ce fac cu jQuery .... daca il uploadez undeva Very Happy ..... cum introduc codul ? in cel HTML ?

ghebaru
Membru Junior
Membru Junior

Membru din: 2010-08-19
Mesaje: 31
Nici un avertisment
Localitate: Bucuresti
Varsta: 21
Credite: 6

http://www.freshmania.forumz.ro

Back to top Go down

Acceptat / Rezolvat Re: Ajutor Codare "Slider Script"

Post by Sam on Wed 12 Jan 2011, 11:16

Da, il uploadezi apoi introduci intre <head> si </head> codul asta:
<script type="text/javascript" src="http://fisier.js"></script>

Sam
Membru Junior
Membru Junior

Membru din: 2010-11-10
Mesaje: 40
1 avertisment
Localitate: -
Varsta: 16
Credite: 4

Back to top Go down

Acceptat / Rezolvat Re: Ajutor Codare "Slider Script"

Post by ghebaru on Thu 13 Jan 2011, 10:39

dar spunetimi in header ... intre ce bag codul intre ce linie ?

ghebaru
Membru Junior
Membru Junior

Membru din: 2010-08-19
Mesaje: 31
Nici un avertisment
Localitate: Bucuresti
Varsta: 21
Credite: 6

http://www.freshmania.forumz.ro

Back to top Go down

Acceptat / Rezolvat Re: Ajutor Codare "Slider Script"

Post by Sam on Thu 13 Jan 2011, 11:30

Folosesti ForumGratuit ?

Edit:
PA >> Afisare >> Template-uri >> General >> overall_header
Cauta acolo <head> si </head>
Intre ele introduci:
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript">
Cod JQuery
</script>

Sam
Membru Junior
Membru Junior

Membru din: 2010-11-10
Mesaje: 40
1 avertisment
Localitate: -
Varsta: 16
Credite: 4

Back to top Go down

Acceptat / Rezolvat Re: Ajutor Codare "Slider Script"

Post by ghebaru on Mon 17 Jan 2011, 17:25

am incercat si nu merege .. ori nu stiu eu sa le fac ori nu`s bune codurile

ghebaru
Membru Junior
Membru Junior

Membru din: 2010-08-19
Mesaje: 31
Nici un avertisment
Localitate: Bucuresti
Varsta: 21
Credite: 6

http://www.freshmania.forumz.ro

Back to top Go down

Acceptat / Rezolvat Re: Ajutor Codare "Slider Script"

Post by Wisdom on Sat 29 Jan 2011, 21:49

Imi cer scuze ca am uitat de acest subiect, in ultimele saptamani am fost foarte ocupat Sad

As vrea sa stiu daca mai doresti sa iti rezolvam problema.

Wisdom
Membru Fondator

Membru din: 2009-11-14
Mesaje: 1110
Nici un avertisment
Localitate: Galați
Varsta: 19
Ocupatii: Liceul deocamdata
Interese: Limbajele internetului, web design-ul, jocuri video, masini si altele
Credite: 54

http://www.netcustoms.net

Back to top Go down

Acceptat / Rezolvat Re: Ajutor Codare "Slider Script"

Post by ghebaru on Sun 30 Jan 2011, 17:28

Da doresc ma tot chinui sa il fac si nu stiu Sad

ghebaru
Membru Junior
Membru Junior

Membru din: 2010-08-19
Mesaje: 31
Nici un avertisment
Localitate: Bucuresti
Varsta: 21
Credite: 6

http://www.freshmania.forumz.ro

Back to top Go down

Acceptat / Rezolvat Re: Ajutor Codare "Slider Script"

Post by Wisdom on Sun 30 Jan 2011, 19:25

Este foarte simplu Smile

Codurile HTML (adica cele cu < si >) le adaugi unde doresti ca slide-ul sa fie afisat:

Code:
<div id="slideshow">
  <div id="slidesContainer">
    <div class="slide">
      Continut
    </div>
    <div class="slide">
      Continut2
    </div>
    <div class="slide">
      Continut3
    </div>
    <div class="slide">
      Continut4
    </div>
  </div>
</div>


Cele CSS (adica cu acolade { si }) le adaugi in fisierul css (in foaia de stil CSS):

Code:
.control {
  display:block;
  width:39px;
  height:263px;
  text-indent:-10000px;
  position:absolute;
  cursor: pointer;
}
#leftControl {
  top:0;
  left:0;
  background:transparent url(http://i74.servimg.com/u/f74/14/54/25/26/stanga10.jpg) no-repeat 0 0;
}
#rightControl {
  top:0;
  right:0;
  background:transparent url(http://i74.servimg.com/u/f74/14/54/25/26/dreapt10.jpg) no-repeat 0 0;
}
#slideshow {
background: black;
color: white;
}


Iar in final, codurile jQuery, facand parte din libraria javascript, le adaugi intr-un tag script, care sa fie recunoscut ca javascript:

Code:
<script type="text/javascript">
$(document).ready(function(){
  var currentPosition = 0;
  var slideWidth = 560;
  var slides = $('.slide');
  var numberOfSlides = slides.length;

  // Remove scrollbar in JS
  $('#slidesContainer').css('overflow', 'hidden');

  // Wrap all .slides with #slideInner div
  slides
  .wrapAll('<div id="slideInner"></div>')
  // Float left to display horizontally, readjust .slides width
  .css({
    'float' : 'left',
    'width' : slideWidth
  });

  // Set #slideInner width equal to total width of all slides
  $('#slideInner').css('width', slideWidth * numberOfSlides);

  // Insert left and right arrow controls in the DOM
  $('#slideshow')
    .prepend('<span class="control" id="leftControl">Move left</span>')
    .append('<span class="control" id="rightControl">Move right</span>');

  // Hide left arrow control on first load
  manageControls(currentPosition);

  // Create event listeners for .controls clicks
  $('.control')
    .bind('click', function(){
    // Determine new position
      currentPosition = ($(this).attr('id')=='rightControl')
    ? currentPosition+1 : currentPosition-1;

      // Hide / show controls
      manageControls(currentPosition);
      // Move slideInner using margin-left
      $('#slideInner').animate({
        'marginLeft' : slideWidth*(-currentPosition)
      });
    });

  // manageControls: Hides and shows controls depending on currentPosition
  function manageControls(position){
    // Hide left arrow if position is first slide
    if(position==0){ $('#leftControl').hide() }
    else{ $('#leftControl').show() }
    // Hide right arrow if position is last slide
    if(position==numberOfSlides-1){ $('#rightControl').hide() }
    else{ $('#rightControl').show() }
    }
  });
</script>


Acesta il adaugi de preferat in tag-ul <head>

PS: Daca vrei sa adaugi slide-ul intr-o pagina html, iti va trebui un fisier jQuery, de preferabil cel de la google, il adaugi inainte de script-ul de mai sus:

Code:
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>

Wisdom
Membru Fondator

Membru din: 2009-11-14
Mesaje: 1110
Nici un avertisment
Localitate: Galați
Varsta: 19
Ocupatii: Liceul deocamdata
Interese: Limbajele internetului, web design-ul, jocuri video, masini si altele
Credite: 54

http://www.netcustoms.net

Back to top Go down

Acceptat / Rezolvat Re: Ajutor Codare "Slider Script"

Post by ghebaru on Sun 30 Jan 2011, 20:31

ci jquery dupa ce-l uploadez pe un cont fpt ce cod imi trebuie sa-l includ in HTML ?

Edit : eu il vreau pe forum nu intr-o pagina html Very Happy


Last edited by ghebaru on Sun 30 Jan 2011, 20:37; edited 1 time in total

ghebaru
Membru Junior
Membru Junior

Membru din: 2010-08-19
Mesaje: 31
Nici un avertisment
Localitate: Bucuresti
Varsta: 21
Credite: 6

http://www.freshmania.forumz.ro

Back to top Go down

Acceptat / Rezolvat Re: Ajutor Codare "Slider Script"

Post by Kozmyn on Sun 30 Jan 2011, 20:34

Code:
<script type="text/javascript" src="LINK"></script>

Kozmyn
Membru Titular
Membru Titular

Membru din: 2010-07-20
Mesaje: 484
Nici un avertisment
Localitate: Iaşi
Varsta: 15
Ocupatii: Gimnaziul, clasa a 8-a
Interese: De tăte...
Credite: 96

Back to top Go down

Acceptat / Rezolvat Re: Ajutor Codare "Slider Script"

Post by ghebaru on Sun 30 Jan 2011, 20:40

Nu merge am Uploadat fisierul JS uitati link Aici

si am facut asa in overall_header

Code:

<script type="text/javascript" src="ftp://hi2.ro/playmania.hi2.ro/Cod.js"></script>
<div id="slideshow">
  <div id="slidesContainer">
    <div class="slide">
      Continut
    </div>
    <div class="slide">
      Continut2
    </div>
    <div class="slide">
      Continut3
    </div>
    <div class="slide">
      Continut4
    </div>
  </div>
</div>


Si in css ce trebuia ... si nimic se vede un fundal negru si 5 randuri cu un scris continut 1,2,3,4

Dar Wisdom despre acest slider te referi ?


Dar daca se poateceva de genu

ghebaru
Membru Junior
Membru Junior

Membru din: 2010-08-19
Mesaje: 31
Nici un avertisment
Localitate: Bucuresti
Varsta: 21
Credite: 6

http://www.freshmania.forumz.ro

Back to top Go down

Page 1 of 2 1, 2  Next

View previous topic View next topic Back to top

- Similar topics

Permissions in this forum:
You cannot reply to topics in this forum