Forum PHP.pl > [inne][JavaScript]Przewijanie

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [inne][JavaScript]Przewijanie

Forum PHP.pl > Forum > Przedszkole

xxdrago

27.06.2011, 16:50:13

Witam, jak mogę zrobić takie przewijanie? że jak kliknę w strzałkę w bok to mi przewija sponsorów? Dla zrozumienia:

lobopol

27.06.2011, 17:29:28

javascript i zdarzenie onlclick + modyfikacja marginesów. Albo prościej jQuery + jedna z wielu wtyczek sliderów bądź samemu napisanie prostej funkcji.

c3zi

27.06.2011, 17:57:36

Proszę:
http://sixrevisions.com/tutorials/javascri...w-using-jquery/

a tu przykład:
http://sixrevisions.com/demo/slideshow/final.html

erix

27.06.2011, 18:28:31

*carousel [;

xxdrago

4.07.2011, 19:03:02

Można tak powiedzieć że dałem rade

tylko jak mogę zrobić żeby kilku było kilku partnerów na raz a nie tylko jeden (1 się teraz wyświetla);
freefrag.89.pl

[PHP] pobierz, plaintext 
<?php
/*------------------------------------------------------------------
Smart Blue Theme 1.1
by SoulSmasher (http://www.soulsmasher.net)
You Can Use And Share the theme as much as you want
but please don't remove copyright of theme
-------------------------------------------------------------------*/
if (!defined("IN_FUSION")) { header("Location: ../../index.php"); exit; }
require_once INCLUDES."theme_functions_include.php";
 
define("THEME_WIDTH", "900");
define("THEME_BULLET", "&middot;");
 
//v7 sublinks function is a bit more for this, so taken from v6 and tweaked
function thesublinks($sep="&middot;",$class="") {
	$i = 0; $res = "";
	$sres = dbquery("SELECT * FROM ".DB_PREFIX."site_links WHERE link_position>='2' AND ".groupaccess('link_visibility')." AND link_url!='---' ORDER BY link_order ASC");
	if (dbrows($sres)) {
		while($sdata = dbarray($sres)) {
					if ($i != 0) { $res .= " ".$sep."\n"; } else { $res .= "\n"; }
					$link_target = $sdata['link_window'] == "1" ? " target='_blank'" : "";
					$link_class = $class ? " class='$class'" : "";
					if (strstr($sdata['link_url'], "http://") || strstr($sdata['link_url'], "https://")) {
						$res .= "<a href='".$sdata['link_url']."'".$link_target.$link_class.">".$sdata['link_name']."</a>";
					} else {
						$res .= "<a href='".BASEDIR.$sdata['link_url']."'".$link_target.$link_class.">".$sdata['link_name']."</a>";
					}
 
				$i++;
		}
	}
	if ($i != 0) { return $res; } else { return "&nbsp;"; }
}
 
function render_page($license=false) {
global $settings, $main_style;
 
// jquerty
echo "
<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js'></script> 
<script type='text/javascript' src='http://dawidesign.ugu.pl/js/jquery-1.2.6.pack.js'></script> 
<script type='text/javascript' src='http://dawidesign.ugu.pl/js/stepcarousel.js'></script> 
<script type='text/javascript'> 
stepcarousel.setup({ 
galleryid: 'mygallery', //id of carousel DIV 
beltclass: 'belt', //class of inner 'belt' DIV containing all the panel DIVs 
panelclass: 'panel', //class of panel DIVs each holding content 
autostep: { enable: true, moveby: 1, pause: 3000 }, 
panelbehavior: { speed: 350, wraparound: false, persist: true }, 
defaultbuttons: { enable: true, moveby: 1, leftnav: ['http://img121.imageshack.us/img121/9486/lewot.png', -520, 53], rightnav: ['http://img39.imageshack.us/img39/6523/prawo.png', 45, 63] }, 
statusvars: ['statusA', 'statusB', 'statusC'], //register 3 variables that contain current panel (start), current panel (last), and total panels 
contenttype: ['inline'] //content setting ['inline'] or ['external', 'path_to_external_file'] 
}) 
</script> 
<style type='text/css'> 
 
.stepcarousel{
position: relative; /*leave this value alone*/
border: 0px;
overflow: scroll; /*leave this value alone*/
width: 300px; /*Width of Carousel Viewer itself*/
height: 120px; /*Height should enough to fit largest content's height*/
margin-left:525px;
}
 
.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}
 
.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 2px; /*margin around each panel*/
width: 200px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}
</style> ";
 
//Header
echo "<table cellpadding='0' cellspacing='0' width='".THEME_WIDTH."' align='center'><tr><td>
<table cellpadding='0' cellspacing='0' width='".THEME_WIDTH."' style='border: 0px; margin: 0px auto'>
<tr><td background='".THEME."images/header.png' alt='' width='900' height='146'></td></tr></table>\n";
 
//sublinks css
	echo "<table width='".THEME_WIDTH."' border='0' cellspacing='0' cellpadding='0'><tr><td>";
	echo "<div id='altlinkler'>";
	echo "<ul><li>".thesublinks("</li>\n<li>");
	echo "</li></ul><div class='clear-both'>&nbsp;</div></div>";
	echo "</td></tr></table>";
 
//Content
	echo "<table cellpadding='0' cellspacing='0' width='".THEME_WIDTH."'>\n<tr>\n";
	if (LEFT) { echo "<td class='side-border-left' valign='top'>".LEFT."</td>"; }
	echo "<td class='main-bg' valign='top'>".U_CENTER.CONTENT.L_CENTER."</td>";
	if (RIGHT) { echo "<td class='side-border-right' valign='top'>".RIGHT."</td>"; }
	echo "</tr>\n</table>\n";
 
//sponsors
echo "<div id='sponsors'>
			<div style='margin-left:-1px;margin-top:0px;float:left;'> 
					<div id='mygallery' class='stepcarousel'> 
					<div class='belt'> 
 
 
					<div class='panel' align='left' style='margin-top: 30px;'> 
					<div align='center'>
					<img src='http://easygraph-cms.pl/demo1n/img/eg.png' alt='' border='0' />
					</div> 
					</div> 
 
					<div class='panel' align='left' style='margin-top: 30px;'> 
					 <div align='left'><a href=''><img src='http://easygraph-cms.pl/demo1n/img/eg.png' alt='' border='0' /></a></div> 
					</div> 
 
					<div class='panel' align='left' style='margin-top: 30px;'> 
					 <div align='left'><a href=''><img src='http://easygraph-cms.pl/demo1n/img/eg.png' alt='' border='0' /></a></div> 
					</div> 
 
					</div> 
					</div> 
					</div> 
					</div>";
 
//Footer
echo "<div id='footer'><table cellpadding='0' cellspacing='0' width='".THEME_WIDTH."' class='footermain'>
<tr>
<td class='footerleft'>Powered by PHP-Fusion copyright &copy; 2002 - 2011 by Nick Jones.</td>
<td class='footerright'>
Theme By SoulSmasher edit by XxDrago</strong>
</td>
</tr>
</table>
</div>
 
</td></tr></table>
\n";
}
 
 
function render_news($subject, $news, $info) {
 
	echo "<div class='capmain'>$subject</div>\n";
	echo "<div class='main-body floatfix'>".$news."</div>\n";
	echo "<div class='news-footer'>\n";
	echo newsposter($info,"&middot;").newsopts($info,"&middot;").itemoptions("N",$info['news_id']);
	echo "</div>\n";
}
 
function render_article($subject, $article, $info) {
	echo "<div class='border tablebreak'>";
	echo "<div class='capmain'>$subject</div>\n";
	echo "<div class='main-body floatfix'>".($info['article_breaks'] == "y" ? nl2br($article) : $article)."</div>\n";
	echo "<div class='news-footer'>\n";
	echo articleposter($info,"&middot;").articleopts($info,"&middot;").itemoptions("A",$info['article_id']);
	echo "</div>\n";
	echo "</div>";
}
 
function opentable($title) {
 
echo "<table cellpadding='0' cellspacing='0' width='100%' class='border tablebreak'>
<tr>
<td class='capmain'>$title</td>
</tr>
<tr>
<td class='main-body'>\n";
 
}
 
function closetable() {
 
echo "</td>
</tr>
</table>\n";
 
}
 
 
function openside($title, $collapse = false, $state = "on") {
	echo "<div class='border tablebreak'>";
	global $panel_collapse; $panel_collapse = $collapse;
 
	echo "<div class='border'>\n";
	echo "<div class='scapmain'>";
	if ($collapse == true) {
		$boxname = str_replace(" ", "", $title);
		echo "<div style='float:right;'>".panelbutton($state,$boxname)."</div>";
	}
	echo $title."</div>\n<div class='side-body floatfix'>\n";
	if ($collapse == true) { echo panelstate($state, $boxname); }
 
}
 
function closeside($collapse = false) {
 
	global $panel_collapse;
 
	if ($panel_collapse == true) { echo "</div>\n"; }
	echo "</div>\n</div>\n";
	echo "</div>";
 
}
 
?>
[PHP] pobierz, plaintext

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.