help me jquery slider

Από που να ξεκινήσω; Που θα βρω; κ.α. γενικές ερωτήσεις για την δημιουργία μιας ιστοσελίδας.

Συντονιστές: WebDev Moderators, Super-Moderators

Απάντηση
andreaskop
Δημοσιεύσεις: 28
Εγγραφή: 06 Οκτ 2010 08:23

help me jquery slider

Δημοσίευση από andreaskop » 12 Οκτ 2010 01:30

geia sas prospatho na peraso mesa sto site mou ena jquery slider. den ta kataferno me tpt. mporo na po oti den plisiazo oute sto 5% oste na ta katafero. to site m einai html kai me ens css arxio. sigekrimena auto to jquery slider http://css-tricks.com/anythingslider-jquery-plugin/ kai to site mou einai auto pou tha kano upload. mpori na me voithisei kapios sto pos tha to peraso sto site mou? kai sigekrimena mesa se ena div pou thelo ego? tha sas eimoun eunomon se kati toso diskolo. euxaristo polu
Συνημμένα
css2.rar
(654.65 KiB) Μεταφορτώθηκε 203 φορές

andreaskop
Δημοσιεύσεις: 28
Εγγραφή: 06 Οκτ 2010 08:23

help me jquery slider

Δημοσίευση από andreaskop » 12 Οκτ 2010 02:43

episis an mporite pite mou. pos ginete stis image pou vazo se ahref otan klikaro na min exei peritiligma mov opos ta link. den thelo na exei kanena peritiligma dld einai ilithio pragma kathomai to psaxno 10 ores kai den mporo na to ftiakso milame gia poli ilithia glosa. ta vazo ola none kai auti i vlakia sinexizei na ta kanei mov otan klikaro se kapio ikonidio eleos dld. stp site auto http://www.princeradio.gr/test1/ einai maura ta eikonidia winamp windows media player kai real player giro giro gt ta alaxa ego. auto pou thelo einai na min exoun pote tpt giro giro. tha to spaso den exo sinadisei pote kati toso ilithio

Άβαταρ μέλους
fafos
Script Master
Δημοσιεύσεις: 6231
Εγγραφή: 30 Νοέμ 2004 03:09

help me jquery slider

Δημοσίευση από fafos » 12 Οκτ 2010 02:57

andreaskop έγραψε:episis an mporite pite mou. pos ginete stis image pou vazo se ahref otan klikaro na min exei peritiligma mov opos ta link. den thelo na exei kanena peritiligma dld einai ilithio pragma kathomai to psaxno 10 ores kai den mporo na to ftiakso milame gia poli ilithia glosa. ta vazo ola none kai auti i vlakia sinexizei na ta kanei mov otan klikaro se kapio ikonidio eleos dld. stp site auto http://www.princeradio.gr/test1/ einai maura ta eikonidia winamp windows media player kai real player giro giro gt ta alaxa ego. auto pou thelo einai na min exoun pote tpt giro giro. tha to spaso den exo sinadisei pote kati toso ilithio
border="0" sto img...
Οι πάνες και οι πολιτικοί πρέπει να αλλάζονται συχνά για τον ίδιο λόγο...

andreaskop
Δημοσιεύσεις: 28
Εγγραφή: 06 Οκτ 2010 08:23

help me jquery slider

Δημοσίευση από andreaskop » 12 Οκτ 2010 03:14

eisai theos file. pes mou thes na sou kano agalma :)))))) mou eftiakses tin diathesi tora....an sou perisieuei xronos kai an gnorizeis fisika voithise me kai sto proto mou erotima

Άβαταρ μέλους
fafos
Script Master
Δημοσιεύσεις: 6231
Εγγραφή: 30 Νοέμ 2004 03:09

help me jquery slider

Δημοσίευση από fafos » 12 Οκτ 2010 03:18

andreaskop έγραψε:eisai theos file. pes mou thes na sou kano agalma :)))))) mou eftiakses tin diathesi tora....an sou perisieuei xronos kai an gnorizeis fisika voithise me kai sto proto mou erotima
mathe html kala... auto me to border einai sta prota mathimata... mhn perimeneis na sta feroun ola sto piato...
Οι πάνες και οι πολιτικοί πρέπει να αλλάζονται συχνά για τον ίδιο λόγο...

andreaskop
Δημοσιεύσεις: 28
Εγγραφή: 06 Οκτ 2010 08:23

help me jquery slider

Δημοσίευση από andreaskop » 12 Οκτ 2010 03:56

ma den perimeno tpt sto piato. oti kano to kano monos m. kai an vro kapia diskolia to anafero edo. me vasi to tuttorial to ekana auto.ala gia auto pou zitao den vrisko kati sta ellinika

Άβαταρ μέλους
dervisis
Δημοσιεύσεις: 44
Εγγραφή: 25 Αύγ 2006 22:15
Τοποθεσία: *.*
Επικοινωνία:

help me jquery slider

Δημοσίευση από dervisis » 12 Οκτ 2010 11:50

Καλημέρα
Για να λειτουργήσει το slider σου θα πρέπει στο <head> section να συμπεριλάβεις τις εξής γραμμές:

Κώδικας: Επιλογή όλων

script type="text/javascript" src="http&#58;//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.easing.1.2.js"></script>
<script src="js/jquery.anythingslider.js" type="text/javascript" charset="utf-8"></script>
Η πρώτη αναφέρεται στη βιβλιοθήκη της jquery, και οι άλλες 2 γραμμές είναι τα scripts που έγραψε ο Coyer. Φυσικά πρέπει να βρίσκονται μέσα στο φάκελο js/ ή όπου αλλού θέλεις εσύ, αρκεί να το δηλώσεις.

Από κει και πέρα, υπάρχουν κάποιες παράμετροι του slider μορφοποίησης μέσα στο css αρχείο:

Κώδικας: Επιλογή όλων

<link rel="stylesheet" href="css/anythingslider.css" type="text/css" media="screen" />
Και τέλος, πάλι στο <head> δηλώνεις τα εξής:

Κώδικας: Επιλογή όλων

<script type="text/javascript">

		var slider2 = &#91;'Recipe', 'Quote', 'Image', 'Quote #2', 'Image #2'&#93;;
		function formatText&#40;index, panel&#41; &#123;
			return slider2&#91;index - 1&#93;;
		&#125;

		$&#40;function &#40;&#41; &#123;

			$&#40;'#slider1'&#41;.anythingSlider&#40;&#123;
				width &#58; 800,          // Override the default CSS width
				easing&#58; 'easeInOutExpo'
			&#125;&#41;;

			$&#40;'#slider2'&#41;.anythingSlider&#40;&#123;
				width               &#58; 600,       // if resizeContent is false, this is the default width if panel size is not defined
				height              &#58; 350,       // if resizeContent is false, this is the default height if panel size is not defined
				resizeContents      &#58; false,     // If true, solitary images/objects in the panel will expand to fit the viewport
				autoPlay            &#58; false,     // This turns off the entire slideshow FUNCTIONALY, not just if it starts running or not
				navigationFormatter &#58; formatText // Format navigation labels with text
			&#125;&#41;

			$&#40;"#slide-jump"&#41;.click&#40;function&#40;&#41;&#123;
				$&#40;'#slider2'&#41;.anythingSlider&#40;4&#41;;
				return false;
			&#125;&#41;;

		&#125;&#41;;
	</script>
Μέσα στο div που θέλεις, δημιούργησε μία λίστα με id

Κώδικας: Επιλογή όλων

<ul id="slider1">
Είσαι έτοιμος!!!

Ελπίζω να βοήθησα!

andreaskop
Δημοσιεύσεις: 28
Εγγραφή: 06 Οκτ 2010 08:23

help me jquery slider

Δημοσίευση από andreaskop » 12 Οκτ 2010 16:58

se euxaristo para polu. tha to prospathiso amesos.

andreaskop
Δημοσιεύσεις: 28
Εγγραφή: 06 Οκτ 2010 08:23

help me jquery slider

Δημοσίευση από andreaskop » 12 Οκτ 2010 20:47

lipon adimetopisa ena provlimataki. exo kanei akrivos opos ta les kai piramatastika ligo psaxnontas gia auto anagazomai na ksana zitiso tin voithia sou. lipon pame apo tin arxi. mesa sto head erixa auto sou kano kalitera paste olo to html mipos ekana kapio lathos edo.

Κώδικας: Επιλογή όλων

 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http&#58;//www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http&#58;//www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Princeradio</title>
<link href="index.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="css/anythingslider.css" type="text/css" media="screen" />
</head>

<script type="text/javascript" src="http&#58;//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.easing.1.2.js"></script>
<script src="js/jquery.anythingslider.js" type="text/javascript" charset="utf-8"></script>

<script type="text/javascript">

      var slider2 = &#91;'Recipe', 'Quote', 'Image', 'Quote #2', 'Image #2'&#93;;
      function formatText&#40;index, panel&#41; &#123;
         return slider2&#91;index - 1&#93;;
      &#125;

      $&#40;function &#40;&#41; &#123;

         $&#40;'#slider1'&#41;.anythingSlider&#40;&#123;
            width &#58; 800,          // Override the default CSS width
            easing&#58; 'easeInOutExpo'
         &#125;&#41;;

         $&#40;'#slider2'&#41;.anythingSlider&#40;&#123;
            width               &#58; 600,       // if resizeContent is false, this is the default width if panel size is not defined
            height              &#58; 350,       // if resizeContent is false, this is the default height if panel size is not defined
            resizeContents      &#58; false,     // If true, solitary images/objects in the panel will expand to fit the viewport
            autoPlay            &#58; false,     // This turns off the entire slideshow FUNCTIONALY, not just if it starts running or not
            navigationFormatter &#58; formatText // Format navigation labels with text
         &#125;&#41;

         $&#40;"#slide-jump"&#41;.click&#40;function&#40;&#41;&#123;
            $&#40;'#slider2'&#41;.anythingSlider&#40;4&#41;;
            return false;
         &#125;&#41;;

      &#125;&#41;;
   </script>
<body>
<div id="container">
<div id="header"></div>
<div id="navigation"><ul id="menu">
<li><a href=" #"  title="Home">Home</a></li>
<li><a href=" #"  title="Portfolio">Portfolio</a></li>
<li><a href=" #"  title="Gallery">Gallery</a></li>
<li><a href=" #"  title="Tutorials">Tutorials</a></li>
<li><a href=" #"title="Donate">Donate</a></li>
<li><a href=" #"  title="Forum">Forum</a></li>
<li><a href=" #"  title="About">About</a></li>
<li><a href=" #"  title="Admin panel">Admin panel</a></li>   
<li><a href=" #"  title="Contact">Contact</a></li>     
</ul></div>
<div id="main_content">
<div id="retouch"></div> 
<div id="content1"></div>
<div id="funny"><div id="SRwidget"></div> 
<script type="text/javascript" src="http&#58;//widgets.serverroom.us/SHOUTinfo/basic.js"></script> 
<script type="text/javascript"> var Config = &#123; "Station" &#58; "andreasross.serverroom.us&#58;8316", "StationTitle"&#58; "Prince Radio", "BoxStyle" &#58; "color", "nowplaying"&#58;"1", "ShowListeners" &#58; "0", "width" &#58; "307", "height" &#58; "100", "bgcolor" &#58; "#1B4D75", "nowplayingcolor" &#58; "#FFFFFF", "copyright" &#58; "0", "playlistheight" &#58; "150", "songslist" &#58; "0", "ap64" &#58; "wqs78asatok4w2", "timezone"&#58;"GMT-5", "DomainName"&#58;"serverroom.us" &#125;; GenerateWidget&#40;Config&#41;; </script><OBJECT id="mediaPlayer" width="308" height="52" classid="CLSID&#58;22d6f312-b0f6-11d0-94ab-0080c74c7e95"  codebase="http&#58;//activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=5,1,52,701"  standby="Loading Microsoft Windows Media Player components..." type="application/x-oleobject">  <param name="fileName" value="http&#58;//andreasross.serverroom.us&#58;8316">  <param name="animationatStart" value="true">  <param name="transparentatStart" value="true">  <param name="autoStart" value="true">  <param name="showControls" value="true">  <param name="loop" value="true">  <EMBED type="application/x-mplayer2"  pluginspage="http&#58;//microsoft.com/windows/mediaplayer/en/download/"  id="mediaPlayer" name="mediaPlayer" displaysize="4" autosize="-1"   bgcolor="darkblue" showcontrols="true" showtracker="-1"   showdisplay="0" showstatusbar="-1" videoborder3d="-1" width="308" height="52"  src="http&#58;//andreasross.serverroom.us&#58;8316" autostart="true" designtimesp="5311" loop="true">  </EMBED></OBJECT> <a href="http&#58;//www.serverroom.us/asx/listen265457.pls"><img src="winamp.png" width="26" height="20" /></a>
<a href="http&#58;//www.serverroom.us/asx/listen265457.asx"><img src="Wmp.png" width="26" height="20" /></a>
 <a href="http&#58;//www.serverroom.us/asx/listen265457.m3u"><img src="realplayer.png" width="26" height="20" /></a>
</div> 
<div id="content2"></div>
<div id="retouch3"><a href="http&#58;//www.serverroom.us/asx/listen265457.pls"><img src="facebook.jpg" width="219" height="35" /></a></div> 
<div id="retouch4"><a href="http&#58;//www.serverroom.us/asx/listen265457.pls"><img src="twitter.jpg" width="219" height="35" /></a></div>
<div id="retouch5"><a href="http&#58;//www.serverroom.us/asx/listen265457.pls"><img src="myspace.jpg" width="219" height="35" /></a></div>
<div id="retouch5"><a href="http&#58;//www.serverroom.us/asx/listen265457.pls"><img src="hi5.jpg" width="219" height="34" /></a></div>
<div id="retouch6"><a href="http&#58;//www.serverroom.us/asx/listen265457.pls"><img src="youtube.jpg" width="219" height="35" /></a></div>
</div>
</div>

 
</body>
</html>
meta piga sto

Κώδικας: Επιλογή όλων

<div id="content2"></div> kai ekana auto <div id="content2"> <ul ud="slider1" > </div>&#91;code&#93; &#91;/code&#93;ala mou to pernei san lathos dld san na akironei kapos to div gt apo mple ginete mauro dld sketa gramata tha elega. sigekrimena thelo to jsquery slider na paizei sto div contect2  kai ekei prepei na exo kolisei. &#58;&#40;

Άβαταρ μέλους
dervisis
Δημοσιεύσεις: 44
Εγγραφή: 25 Αύγ 2006 22:15
Τοποθεσία: *.*
Επικοινωνία:

help me jquery slider

Δημοσίευση από dervisis » 12 Οκτ 2010 23:22

δεν βάζεις σκέτο το <ul id="slider1">
δοκίμασε:

Κώδικας: Επιλογή όλων

<ul id="slider1">
        <li><img src="images/ΕΙΚΟΝΑ1.jpg" alt="ΕΙΚΟΝΑ1" /></li>
	<li><img src="images/ΕΙΚΟΝΑ2.jpg" alt="ΕΙΚΟΝΑ2" /></li>
	<li><img src="images/ΕΙΚΟΝΑ3.jpg" alt="ΕΙΚΟΝΑ3" /></li>
	<li><img src="images/ΕΙΚΟΝΑ4.jpg" alt="ΕΙΚΟΝΑ4" /></li>
</ul>
Όπου ΕΙΚΟΝΑΧ βάζεις τις εικόνες σου.

andreaskop
Δημοσιεύσεις: 28
Εγγραφή: 06 Οκτ 2010 08:23

help me jquery slider

Δημοσίευση από andreaskop » 12 Οκτ 2010 23:38

den to kanei. vazei tin ikona tin mia kato apo tin ali. toulaxiston kserete kanena paromio slider tetio idos pou to thelo gia ta news san to www.starfm.gr kai na mporeso na to peraso eukola? asxoloume 3 meres mono me auto an einai dinaton.

andreaskop
Δημοσιεύσεις: 28
Εγγραφή: 06 Οκτ 2010 08:23

help me jquery slider

Δημοσίευση από andreaskop » 13 Οκτ 2010 23:38

telika ta katafera kai me ena video tuttorial evala ena slider. sto site etsi opos to thelo. to mono provlima m einai ta koumpia tou next kai prev. ta opia thelo na ta exo mesa stin eikona kai oxi apo kato tis. paratheto to css kai to html mipos mpori na m peis kapios pos na to kano.

Κώδικας: Επιλογή όλων

body &#123;
margin&#58; 0;
background-image&#58;url&#40;bugcolor.jpg&#41;;
background-repeat&#58;repeat-x;
&#125;

#container &#123;
margin&#58; 0 auto;
padding&#58; 0px;
width&#58; 781px;
height&#58;800px; 
background-image&#58;url&#40;fodo.jpg&#41;;
&#125;

#header &#123;
background-image&#58;url&#40;bug.gif&#41;;
width&#58; 783px;
height&#58; 243px;
margin&#58; 0;
padding&#58; 0;
padding-right&#58;1px;
&#125;

#navigation &#123;
background-image&#58;url&#40;7.gif&#41;;
width&#58; 781px;
height&#58; 31px;
padding-top&#58;9px;
&#125;

#main_content &#123;
background&#58;none;
width&#58; 779px;
height&#58;600px;
padding-top&#58;3px;
padding-bottom&#58;3px;
padding-left&#58;1px;
padding-right&#58;2px;
&#125;

#retouch &#123;
float&#58;left;
background-image&#58;url&#40;titles.png&#41;;
width&#58; 390px;
height&#58; 70px;
padding-top&#58;20px;
text-align&#58;center;
line-height&#58;15px;
font-family&#58;Verdana, Arial, Helvetica, sans-serif;
font-size&#58;11px;
color&#58;#ffffff;
&#125;

#content1 &#123;
float&#58;right;
background-image&#58;url&#40;titles.png&#41;;
width&#58; 379px;
height&#58; 40px;
margin-bottom&#58;3px;
padding-top&#58;40px;
padding-bottom&#58;10px;
padding-left&#58;10px;
padding-right&#58;0px;
line-height&#58;15px;
font-family&#58;Verdana, Arial, Helvetica, sans-serif;
font-size&#58;11px;
color&#58;#ffffff;
&#125;


#funny &#123;
    float&#58;left;
    background-image&#58;url&#40;titles3.png&#41;;
    width&#58; 314px;
    height&#58; 218px;
    padding-top&#58;2px;
    padding-bottom&#58;2px;
    margin-top&#58;3px;
    text-align&#58;center;
    margin-top&#58;5px;
    line-height&#58;15px;
    font-family&#58;Verdana, Arial, Helvetica, sans-serif;
    font-size&#58;11px;
    color&#58;#000;
&#125;

#SRwidget &#123;
float&#58;left;
background-image&#58;url&#40;titles3.png&#41;;
width&#58; 314px;
height&#58; 20px;
padding-top&#58;2px;
padding-bottom&#58;33px; 
margin-top&#58;3px;
margin-bottom&#58;50px;  
text-align&#58;bottomr;
line-height&#58;15px;
font-family&#58;Verdana, Arial, Helvetica, sans-serif;
font-size&#58;11px;
color&#58;#ffffff;
&#125;

#content2 &#123;
float&#58;right;
background-image&#58;none;
width&#58; 450px;
height&#58; 171px;
padding-top&#58;40px;
padding-bottom&#58;10px;
padding-left&#58;10px;
padding-right&#58;0px;
line-height&#58;15px;
font-family&#58;Verdana, Arial, Helvetica, sans-serif;
font-size&#58;11px;
color&#58;#ffffff;
&#125;

#retouch3 &#123;
    float&#58;left;
    background-image&#58;;
    width&#58; 220px;
    height&#58; 30px;
    margin-bottom&#58;3px;
    padding-top&#58;1px;
    padding-bottom&#58;4px;
    padding-left&#58;1px;
    padding-right&#58;0px;
    line-height&#58;15px;
    font-family&#58;Verdana, Arial, Helvetica, sans-serif;
    font-size&#58;11px;
    color&#58;#ffffff;
    margin-left&#58; 1px;
    clear&#58; left;
    margin-top&#58; 1px;
&#125;

#retouch4 &#123;
    float&#58;left;
    background-image&#58;;
    width&#58; 220px;
    height&#58; 30px;
    margin-bottom&#58;3px;
    padding-top&#58;1px;
    padding-bottom&#58;4px;
    padding-left&#58;1px;
    padding-right&#58;0px;
    line-height&#58;15px;
    font-family&#58;Verdana, Arial, Helvetica, sans-serif;
    font-size&#58;11px;
    color&#58;#ffffff;
    margin-left&#58; 1px;
    clear&#58; left;
    margin-top&#58; 0px;
&#125;

#retouch5 &#123;
    float&#58;left;
    background-image&#58;;
    width&#58; 220px;
    height&#58; 30px;
    margin-bottom&#58;3px;
    padding-top&#58;1px;
    padding-bottom&#58;4px;
    padding-left&#58;1px;
    padding-right&#58;0px;
    line-height&#58;15px;
    font-family&#58;Verdana, Arial, Helvetica, sans-serif;
    font-size&#58;11px;
    color&#58;#ffffff;
    margin-left&#58; 1px;
    clear&#58; left;
    margin-top&#58; 0px;
&#125;

#retouch6 &#123;
    float&#58;left;
    background-image&#58;;
    width&#58; 220px;
    height&#58; 30px;
    margin-bottom&#58;3px;
    padding-top&#58;1px;
    padding-bottom&#58;4px;
    padding-left&#58;1px;
    padding-right&#58;0px;
    line-height&#58;15px;
    font-family&#58;Verdana, Arial, Helvetica, sans-serif;
    font-size&#58;11px;
    color&#58;#ffffff;
    margin-left&#58; 1px;
    clear&#58; left;
    margin-top&#58; 0px;
&#125;

#retouch7 &#123;
    float&#58;left;
    background-image&#58;;
    width&#58; 220px;
    height&#58; 30px;
    margin-bottom&#58;3px;
    padding-top&#58;1px;
    padding-bottom&#58;4px;
    padding-left&#58;1px;
    padding-right&#58;0px;
    line-height&#58;15px;
    font-family&#58;Verdana, Arial, Helvetica, sans-serif;
    font-size&#58;11px;
    color&#58;#ffffff;
    margin-left&#58; 1px;
    clear&#58; left;
    margin-top&#58; -3px;
&#125;

#container2 &#123;
    float&#58;right;
    width&#58; 103px;
    height&#58; 171px;
    padding-top&#58;40px;
    padding-bottom&#58;10px;
    padding-left&#58;-40px;
    padding-right&#58;0px;
    margin-left&#58;-40px;
    margin-right&#58;-30px;
    margin-top&#58;-35px;
    clear&#58; none;
&#125;

#prev &#123;
    float&#58;center;
    z-index&#58;10;
    margin-left&#58;135px;
    width&#58; 35px;
    height&#58; 36px;
&#125;

#next &#123;
    float&#58;center;
    z-index&#58;10;
    margin-left&#58;135px;
    width&#58; 35px;
    height&#58; 36px;
&#125;

,slider &#123;
    width&#58;700px;
    height&#58;500px;
    margin-top&#58;-40px;
    border&#58;1px solid #000;
&#125;


#menu &#123;
        margin&#58; 0;
        padding&#58; 0;
        list-style-type&#58; none;
&#125;

#menu li &#123;
  display&#58; inline;
  padding-right&#58; 15px;
  padding-left&#58; 17px;
&#125;

#menu a&#58;link&#123;
font-family&#58;Verdana, Arial, Helvetica, sans-serif;
font-size&#58;11px;
font-weight&#58;bold;
color&#58;#000000;
text-decoration&#58; none;
&#125; 


#menu a&#58;hover &#123;
font-family&#58;Verdana, Arial, Helvetica, sans-serif;
font-size&#58;11px;
font-weight&#58;bold;
color&#58;#000000;
text-decoration&#58;none;
&#125;

#menu a&#58;visited &#123;
font-family&#58;Verdana, Arial, Helvetica, sans-serif;
font-size&#58;11px;
font-weight&#58;bold;
color&#58;#000000;
text-decoration&#58; none;
&#125; 

#menu a&#58;active &#123;
font-family&#58;Verdana, Arial, Helvetica, sans-serif;
font-size&#58;11px;
font-weight&#58;bold;
color&#58;#000000;
text-decoration&#58; none;
&#125; 

img &#123;
    margin-bottom&#58;1px; 
    border&#58;0;
&#125;

.image &#123;
margin-left&#58;1px;
margin-right&#58;1px;
&#125;
kai to html to simio pou exo to slider kai ta koumpia next kai prev

Κώδικας: Επιλογή όλων

 <div id="container2">
    <div class="slider">
        
        <ul>
            <li><img src="image1.jpg" alt="image 1" width="460" height="223" class="slider" /> </li>
            <li><img src="image2.jpg" alt="image 2" width="460" height="223" class="slider" /> </li>
            <li><img src="image3.jpg" alt="image 3" width="460" height="223" class="slider" /> </li>
            </ul>
            <img id="prev" class="prev" src="prev.png" /><img id="next" class="next" src="next.png" />
            </div>
            </div></div>&#91;code&#93;&#91;/code&#93;

Απάντηση

Επιστροφή στο “Γενικές ερωτήσεις κατασκευής ιστοσελίδων”

Μέλη σε σύνδεση

Μέλη σε αυτήν τη Δ. Συζήτηση: Δεν υπάρχουν εγγεγραμμένα μέλη και 1 επισκέπτης