Ajutor Codare "Slider Script"
Page 1 of 2 • Share •
Page 1 of 2 • 1, 2 
Ajutor Codare "Slider Script"
Salut am gasit un slider pe net si ma chinui de 2 zile sa-l codez si nu stiu cum :-? 
Uitati despre ce e vorba Click Si o demonstratie Click
sau
Dar daca se poate PM.ceva de genu
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
Re: Ajutor Codare "Slider Script"
La linkul "ceva de genu" ce fac cu jQuery .... daca il uploadez undeva
..... cum introduc codul ? in cel HTML ?
Re: Ajutor Codare "Slider Script"
Da, il uploadezi apoi introduci intre <head> si </head> codul asta:
<script type="text/javascript" src="http://fisier.js"></script>

Sam- Membru Junior

- Membru din: 2010-11-10
Mesaje: 40

Localitate: -
Varsta: 16
Credite: 4
Re: Ajutor Codare "Slider Script"
Folosesti ForumGratuit ?
Edit:
PA >> Afisare >> Template-uri >> General >> overall_header
Cauta acolo <head> si </head>
Intre ele introduci:
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 din: 2010-11-10
Mesaje: 40

Localitate: -
Varsta: 16
Credite: 4
Re: Ajutor Codare "Slider Script"
am incercat si nu merege .. ori nu stiu eu sa le fac ori nu`s bune codurile
Re: Ajutor Codare "Slider Script"
Imi cer scuze ca am uitat de acest subiect, in ultimele saptamani am fost foarte ocupat 
As vrea sa stiu daca mai doresti sa iti rezolvam problema.
As vrea sa stiu daca mai doresti sa iti rezolvam problema.
Re: Ajutor Codare "Slider Script"
Este foarte simplu 
Codurile HTML (adica cele cu < si >) le adaugi unde doresti ca slide-ul sa fie afisat:
Cele CSS (adica cu acolade { si }) le adaugi in fisierul css (in foaia de stil CSS):
Iar in final, codurile jQuery, facand parte din libraria javascript, le adaugi intr-un tag script, care sa fie recunoscut ca javascript:
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:
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>
Re: Ajutor Codare "Slider Script"
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
Edit : eu il vreau pe forum nu intr-o pagina html
Last edited by ghebaru on Sun 30 Jan 2011, 20:37; edited 1 time in total
Re: Ajutor Codare "Slider Script"
- Code:
<script type="text/javascript" src="LINK"></script>

Kozmyn- Membru Titular

- Membru din: 2010-07-20
Mesaje: 484

Localitate: Iaşi
Varsta: 15
Ocupatii: Gimnaziul, clasa a 8-a
Interese: De tăte...
Credite: 96
Re: Ajutor Codare "Slider Script"
Nu merge am Uploadat fisierul JS uitati link Aici
si am facut asa in overall_header
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 ?
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
Page 1 of 2 • 1, 2 
Similar topics» Ajutor Codare "Slider Script"
» Slider Script
» OTHER - Sexy Slider
» Propuneri de codare ale layout-urilor
» JQUERY - Nivo slider
» Slider Script
» OTHER - Sexy Slider
» Propuneri de codare ale layout-urilor
» JQUERY - Nivo slider
Page 1 of 2
Permissions in this forum:
You cannot reply to topics in this forum
Home
by ghebaru on Mon 10 Jan 2011, 21:04


