Salve a tutti!!!
Ho bisogno di aiuto...
Ho trovato una jquey bellissima la lofslidernews
volevo adattarla in asp.
Ho provato in tutti i modi... ma non riesco!!!potete aiutarmi!!???
in pratica io ho quattro campi e voglio far venire fuori ameno 6 notizie in ordine di inserimento:
id, titolo, articolo, immagine.
e questo quello modificato da me... ma con risultati pessiimi... in pratica mi viene fuori tutto sballato:codice:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Lof JSliderNews 1.0 - Jquery 1.3</title> <link rel="stylesheet" type="text/css" href="css/layout.css" /> <link rel="stylesheet" type="text/css" href="css/style1.css" /> <script language="javascript" type="text/javascript" src="js/jquery.js"></script> <script language="javascript" type="text/javascript" src="js/jquery.easing.js"></script> <script language="javascript" type="text/javascript" src="js/script.js"></script> <script type="text/javascript"> $(document).ready( function(){ var buttons = { previous:$('#lofslidecontent45 .lof-previous') , next:$('#lofslidecontent45 .lof-next') }; $obj = $('#lofslidecontent45').lofJSidernews( { interval : 4000, direction : 'opacitys', easing : 'easeInOutExpo', duration : 1200, auto : false, maxItemDisplay : 4, navPosition : 'horizontal', // horizontal navigatorHeight : 32, navigatorWidth : 80, mainWidth:980, buttons : buttons} ); }); </script> </head> <body> <div id="container"> <h1>Lof JSliderNews 1.0 - Jquery 1.3 & Easing plugin</h1> Direction: Right - Left. The Navigator is the list of thumbnails. The plugin allow to use the wheelup and wheeldown to previous|next item in the list </p> <div id="lofslidecontent45" class="lof-slidecontent" style="width:980px; height:340px;"> <div class="preload"> <div></div> </div> <div class="lof-main-outer" style="width:980px; height:340px;"> <ul class="lof-main-wapper">[*] [img]images/thumbl_980x340.png[/img] <div class="lof-main-item-desc"> <h3><a target="_parent" title="Newsflash 1" href="#Category-1">/ Newsflash 1 /</a> — Monday, February 15, 2010 12:42</h3> <h2>titolo</h2> articolo kjdskodf sdf jsdfp jkpj kopsdf<a class="readmore" href="#">Read more </a> </p> </div> [*] [img]images/thumbl_980x340_002.png[/img] <div class="lof-main-item-desc"> <h3><a target="_parent" title="Newsflash 2" href="#Category-2">/ Newsflash 2 /</a> — Monday, February 15, 2010 12:42</h3> <h2>Content of Newsflash 2</h2> Joomla! makes it easy to launch a Web site of any kind. Whether you want a brochure site or you are... <a class="readmore" href="#">Read more </a> </p> </div> [*] [img]images/thumbl_980x340_003.png[/img] <div class="lof-main-item-desc"> <h3><a target="_parent" title="Newsflash 3" href="#Category-3">/ Newsflash 3 /</a> — Monday, February 15, 2010 12:42</h3> <h2>Content of Newsflash 3</h2> With a library of thousands of free Extensions, you can add what you need as your site grows. Don't... <a class="readmore" href="#">Read more </a> </p> </div> [*] [img]images/thumbl_980x340_004.png[/img] <div class="lof-main-item-desc"> <h3><a target="_parent" title="Newsflash 4" href="#Category-4">/ Newsflash 4 /</a> — Monday, February 15, 2010 12:42</h3> <h2>Content of Newsflash 4</h2> Joomla! 1.5 - 'Experience the Freedom'!. It has never been easier to create your own dynamic Web... <a class="readmore" href="#">Read more </a> </p> </div> [*] [img]images/thumbl_980x340_005.png[/img] <div class="lof-main-item-desc"> <h3><a target="_parent" title="Newsflash 5" href="#">/ Newsflash 5 /</a> — Monday, February 15, 2010 12:42</h3> <h2>Content of Newsflash 5</h2> Joomla! 1.5 - 'Experience the Freedom'!. It has never been easier to create your own dynamic Web... <a class="readmore" href="#">Read more </a> </p> </div> [*] [img]images/thumbl_980x340_006.png[/img] <div class="lof-main-item-desc"> <h3><a target="_parent" title="Newsflash 6" href="#">/ Newsflash 6 /</a> — Monday, February 15, 2010 12:42</h3> <h2>Content of Newsflash 6</h2> Joomla! 1.5 - 'Experience the Freedom'!. It has never been easier to create your own dynamic Web... <a class="readmore" href="#">Read more </a> </p> </div> [*] [img]images/thumbl_980x340_007.png[/img] <div class="lof-main-item-desc"> <h3><a target="_parent" title="Newsflash 7" href="#">/ Newsflash 7 /</a> — Monday, February 15, 2010 12:42</h3> <h2>Content of Newsflash 7</h2> Joomla! 1.5 - 'Experience the Freedom'!. It has never been easier to create your own dynamic Web... <a class="readmore" href="#">Read more </a> </p> </div> [*] [img]images/thumbl_980x340_008.png[/img] <div class="lof-main-item-desc"> <h3><a target="_parent" title="Newsflash 8" href="#">/ Newsflash 8 /</a> — Monday, February 15, 2010 12:42</h3> <h2>Content of Newsflash 8</h2> Joomla! 1.5 - 'Experience the Freedom'!. It has never been easier to create your own dynamic Web... <a class="readmore" href="#">Read more </a> </p> </div> [/list] </div> <div class="lof-navigator-wapper"> <div onclick="return false" href="" class="lof-next">Next</div> <div class="lof-navigator-outer"> <ul class="lof-navigator">[*][img]images/thumbs/thumbl_980x340.png[/img][*][img]images/thumbs/thumbl_980x340_002.png[/img][*][img]images/thumbs/thumbl_980x340_003.png[/img][*][img]images/thumbs/thumbl_980x340_004.png[/img][*][img]images/thumbs/thumbl_980x340_005.png[/img][*][img]images/thumbs/thumbl_980x340_006.png[/img][*][img]images/thumbs/thumbl_980x340_007.png[/img][*][img]images/thumbs/thumbl_980x340_008.png[/img][/list] </div> <div onclick="return false" href="" class="lof-previous">Previous</div> </div> </div> <script type="text/javascript"> </script> Demo 1 | Demo 2 | Demo 3 | Demo 4 | Demo 5 | Demo 6 <div id="footer"> LandOfCoder.Com </div> </div> </body> </html>
Sto provando in ogni modo ma non riesco!!codice:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Lof JSliderNews 1.0 - Jquery 1.3</title> <link rel="stylesheet" type="text/css" href="css/layout.css" /> <link rel="stylesheet" type="text/css" href="css/style1.css" /> <script language="javascript" type="text/javascript" src="js/jquery.js"></script> <script language="javascript" type="text/javascript" src="js/jquery.easing.js"></script> <script language="javascript" type="text/javascript" src="js/script.js"></script> <script type="text/javascript"> $(document).ready( function(){ var buttons = { previous:$('#lofslidecontent45 .lof-previous') , next:$('#lofslidecontent45 .lof-next') }; $obj = $('#lofslidecontent45').lofJSidernews( { interval : 4000, direction : 'opacitys', easing : 'easeInOutExpo', duration : 1200, auto : false, maxItemDisplay : 4, navPosition : 'horizontal', // horizontal navigatorHeight : 32, navigatorWidth : 80, mainWidth:410, buttons : buttons} ); }); </script> </head> <body> <% '----------------------------------- 'funzione per i tag xstandard Function RemoveTagHTML(sTexto) sTextoSemTag = sTexto Set ExpRegular = New RegExp ExpRegular.IgnoreCase = True ExpRegular.Global = True ExpRegular.Pattern = "<[^>]*>" sTextoSemTag = ExpRegular.Replace(sTextoSemTag, "") Set ExpRegular = Nothing RemoveTagHTML = sTextoSemTag End Function '------------------------------ 'funzione per le virgolette Function RemoveTagHTML2(sTexto) sTextoSemTag = sTexto Set ExpRegular = New RegExp ExpRegular.IgnoreCase = True ExpRegular.Global = True ExpRegular.Pattern = """ sTextoSemTag = ExpRegular.Replace(sTextoSemTag, """") Set ExpRegular = Nothing RemoveTagHTML2 = sTextoSemTag End Function '------------------------------- 'funzione per lunghezza testo Function LunghezzaTesto(N_caratteri,Testo) iMaxChar = N_caratteri sResult = Testo If Len(sResult) > iMaxChar Then If InStr(iMaxChar, sResult, " ") > 0 Then sResult = Left(sResult, InStr(iMaxChar, sResult, " ")) & "..." End If End If LunghezzaTesto=sResult End Function '----------------------------------- %> <%' questa setta la linga sul server in italiano LCID = 1040 Session.LCID = LCID ' -------------------------------------------- Set DSNtemp=Server.CreateObject("ADODB.Connection") DSNtemp.open "notiziario" Set rs = Server.CreateObject("ADODB.Recordset") sqlstmt = "SELECT ID, titolo, immagine, articolo FROM giornale ORDER BY data DESC" rs.Open sqlstmt, DSNtemp, 3, 3 Response.write"<div id=""container"">" & vbNewLine & _ " <div id=""lofslidecontent45"" class=""lof-slidecontent"" style=""width:410px; height:300px;"">" & vbNewLine & _ " <div class=""preload"">" & vbNewLine & _ " <div></div>" & vbNewLine & _ " </div>" For i=1 to 6 ' 1 è il record che vuoi visualizzare !! if Not rs.EOF then Response.write" <div class=""lof-main-outer"" style=""width:410px; height:300px;"">" & vbNewLine & _ " <ul class=""lof-main-wapper"">" & vbNewLine & _ "[*] [img]"&RS("immagine")&"[/img]" & vbNewLine & _ " <div class=""lof-main-item-desc"">" & vbNewLine & _ " <h2>"""&rs("titolo")&"""</h2>" & vbNewLine & _ " "&LunghezzaTesto(250,RS("articolo"))&" </p>" & vbNewLine & _ " </div>" rs.MoveNext end if Next Response.Write " " & vbNewLine & _ "[/list]" & vbNewLine & _ " </div>" & vbNewLine & _ " <div class=""lof-navigator-wapper"">" & vbNewLine & _ " <div onclick=""return false"" href="" class=""lof-next"">Next</div>" & vbNewLine & _ " <div class=""lof-navigator-outer""> " & vbNewLine & _ " <ul class=""lof-navigator"">"& vbNewLine & _ " [*] [img]"&RS("immagine")&"[/img]"& vbNewLine & _ " " & vbNewLine & _ "[/list]" & vbNewLine & _ " </div>" & vbNewLine & _ " <div onclick=""return false"" href="" class=""lof-previous"">Previous</div>" & vbNewLine & _ " </div>"& vbNewLine & _ " </div>" Rs.close set RS = Nothing Dsntemp.close%> </body> </html>
Rispondi quotando