bedavaglsn
OpenCart-TR
- Katılım
- 2 Nis 2011
- Mesajlar
- 34
- Tepkime puanı
- 0
- Puanları
- 0
Baktım ama böyle bir konu bulamadım eğer varsa konuyu silelim.
Arkdaşlar sadece resimleri slayt olarak gösteriyor Link ekliyemiyoruz basit bir slayt gösterimi sunuyor.
İlk önce resimleri içine atmak için " iframe " adında bir klasör oluşturalım.
(catalog/view/theme/your_tema/image/).
Daha sonra aşağıdaki kodu "index.php" adıyla oluşturduğumuz klasöre kayıt edelim. Not defteriyle de yapılabilir bu işlem.
Şimdi slayt olarak göstermek istedğimiz resimleri oluşturduğumuz "iframe" klasörüne atalım.
Yalnız resimler aynı boyutta olursa iyi olur göze hoş görünüyor. Sonra aşağıdaki kodu.
Slaytı göstermek istediğimiz yere ekeleyelim. ( HTML modülü ile.)
your_theme/ kısmına kendi temamızın ismini yazıyoruz.
Width ve Height değerlerinide göstermek isdiğimiz slayt boyutuna göre ayarlıyoruz.
Şimdi oturup slaytı izleyelim.
Arkdaşlar sadece resimleri slayt olarak gösteriyor Link ekliyemiyoruz basit bir slayt gösterimi sunuyor.
İlk önce resimleri içine atmak için " iframe " adında bir klasör oluşturalım.
(catalog/view/theme/your_tema/image/).
Daha sonra aşağıdaki kodu "index.php" adıyla oluşturduğumuz klasöre kayıt edelim. Not defteriyle de yapılabilir bu işlem.
Kod:
<?php header("Expires: 0"); header("Last-Modified: " . gmdate("D, d M Y H:i:s") . " GMT"); header("cache-control: no-store, no-cache, must-revalidate"); header("Pragma: no-cache");?>
<!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">
<meta content="text/html; charset=iso-8859-1" http-equiv="Content-Type"/>
<head>
<?php
$pattern = '/\.(png|gif|jpg|jpeg)$/i';
$dh = opendir('.');
$height = 0;
while (false !== ($filename = readdir($dh))) {
if (!is_dir($filename) && $filename[0] != '.' && preg_match($pattern, $filename)) {
$files[] = $filename;
if ($height == 0) {
list($width, $height) = getimagesize($filename);
}
}
}
$count = intval($_REQUEST['count']);
if ($count == 0) $count = 10;
/*
if (count($files) == 0) {
throw new Exception("No image files were found");
}
*/
shuffle($files);
if (count($files) > $count) {
array_splice($files, $count);
}
closedir($dh);
?>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"></script>
<script type="text/javascript">
/***
Simple jQuery Slideshow Script
Released by Jon Raasch (jonraasch.com) under FreeBSD license: free to use or modify, not responsible for anything, etc. Please link out to me if you like it :)
***/
function slideSwitch() {
var $active = $('#slideshow IMG.active');
if ( $active.length == 0 ) $active = $('#slideshow IMG:last');
var $next = $active.next().length ? $active.next() : $('#slideshow IMG:first');
$active.addClass('last-active');
$next.css({opacity: 0.0}).addClass('active').animate({opacity: 1.0}, 1000, "linear", function() {$active.removeClass('active last-active');});
}
$(function() {
setInterval( "slideSwitch()", 4000 );
});
</script>
<style type="text/css">
body {padding:0; margin:0;}
#slideshow {position:relative; height:<?php echo $height ?>px;}
#slideshow IMG {position:absolute; top:0; left:0; z-index:8; opacity:0.0;}
#slideshow IMG.active {z-index:10; opacity:1.0;}
#slideshow IMG.last-active {z-index:9;}
</style>
</head>
<body>
<div id="slideshow">
<?php
$first = true;
foreach ($files as $file) {
echo ' <img src="'.$file.'"'.($first ? ' class="active"' : '').' />';
$first = false;
}
?>
</div>
</body>
</html>Şimdi slayt olarak göstermek istedğimiz resimleri oluşturduğumuz "iframe" klasörüne atalım.
Yalnız resimler aynı boyutta olursa iyi olur göze hoş görünüyor. Sonra aşağıdaki kodu.
Slaytı göstermek istediğimiz yere ekeleyelim. ( HTML modülü ile.)
Kod:
<iframe src ="catalog/view/theme/your_theme/image/iframe/" width="960" height="241" scrolling="no" frameborder="0"></iframe>your_theme/ kısmına kendi temamızın ismini yazıyoruz.
Width ve Height değerlerinide göstermek isdiğimiz slayt boyutuna göre ayarlıyoruz.
Şimdi oturup slaytı izleyelim.
