Sobi2 Gallery Highslide Entegrasyonu

**sanal** · 06-13-2009 14:33

Öncelikle Higslide JS yi indiriyoruz.
Highslide JS - JavaScript thumbnail viewer

zipli dosyayı açıyoruz ve içindeki sadece highslide klasörünü joomla sitemizin ana dizinine yüklüyoruz.

Daha sonra galley.class.php dosyasını açıyoruz ve

Kod:

$config->loadScript("prototype");
$config->addCustomHeadTag("<script type='text/javascript' src='{$config->liveSite}/components/com_sobi2/plugins/gallery/scriptaculous.js?load=effects'></script>");
$config->addCustomHeadTag("<script type='text/javascript' src='{$config->liveSite}/components/com_sobi2/plugins/gallery/lightbox.js'></script>");

$style = "<style type=\"text/css\"> \n\t" .
"#prevLink:hover, #prevLink:visited:hover { background: url({$config->liveSite}/components/com_sobi2/plugins/gallery/images/prev.gif) left 15% no-repeat; } \n\t\t" .
"#nextLink:hover, #nextLink:visited:hover { background: url({$config->liveSite}/components/com_sobi2/plugins/gallery/images/next.gif) right 15% no-repeat; } \n\t\t" .
"#overlay{ background-image: url({$config->liveSite}/components/com_sobi2/plugins/gallery/images/overlay.png); } \n\t\t ".
"</style>\n";
$config->addCustomHeadTag($style);

şeklindeki lightbox kodunu çakışma olmaması için

Kod:

/*
(



)
*/

kodu ile değiştiriyoruz.
Daha sonra aynı sayfada bulununan lightbox kodunu

Kod:

//... ueber die Lightbox darstellen
else {
$imagesSrc[$image->position] = "<a href='{$imgSrc}' title='{$image->title}' rel=\"lightbox[roadtrip]\">{$img}</a>";
}

highslide kodu ile değiştiriyoruz.

Kod:

//... ueber die Lightbox darstellen
else {
$imagesSrc[$image->position] = "<a href='{$imgSrc}' title='{$image->title}' onclick=\"return hs.expand(this)\">{$img}</a>";
}

detay görünümü yani sobi2.details.tmpl.php dosyasını açıyoruz ve example page sayfalarında bulunan efektlerden hangisini beğeniyorsak ve kullanmak istiyorsak beğendiğimiz sayfada bulunan <head></head> tagları arasındaki kodu head tagları dahil olmak üzere sobi2.details.tmpl.php sayfasının baş tarafına veya kullandığımız tema tablosunun uygun bir yerine yerleştiriyoruz.
Örneğin ben beğendiğim efekt kodunu yerleştirmek için sayfanın başını tercih ettim.

Kod:

/* ------------------------------------------------------------------------------
* This is template for details view
* ------------------------------------------------------------------------------
*/
?>

<head>

<!--
1 ) Reference to the files containing the JavaScript and CSS.
These files must be located on your server.
-->

<script type="text/javascript" src="/highslide/highslide-with-gallery.js"></script>
<link rel="stylesheet" type="text/css" href="/highslide/highslide.css" />

<!--
2) Optionally override the settings defined at the top
of the highslide.js file. The parameter hs.graphicsDir is important!
-->

<script type="text/javascript">
hs.graphicsDir = '/highslide/graphics/';
hs.align = 'center';
hs.transitions = ['expand', 'crossfade'];
hs.wrapperClassName = 'dark borderless floating-caption';
hs.fadeInOut = true;
hs.dimmingOpacity = .75;

// Add the controlbar
if (hs.addSlideshow) hs.addSlideshow({
//slideshowGroup: 'group1',
interval: 5000,
repeat: false,
useControls: true,
fixedControls: 'fit',
overlayOptions: {
opacity: .6,
position: 'bottom center',
hideOnMouseOut: true
}
});
</script>


</head>

daha sonra detay sayfamızda bulunan gallery kodunu

Kod:

<?php echo $plugins["gallery"]; ?>

şu şekilde düzenliyoruz.

Kod:

<div class="highslide-gallery">
<td class="highslide" >
<?php echo $plugins["gallery"]; ?>
</td>
</div>

Bu düzenlemede div class bölümüne hangi efekti tercih ettiniz ise o örnek sayfada bulunan class değerini girmeniz gerekiyor.
Eğer düzenlemelerimizde bir hata yapmamış isek highslide efektlerinin problemsiz bir şekilde çalışması gerekir.
Denemeden önce muhakkak yedek alınız.

Örnek link: Oteller - Tatil Köyleri - CLUB DATÇA TATİL KÖYÜ

Reklam olarak algılanıyor ise silinsin lütfen.

Kolay gelsin.

**KaYRa** · 06-13-2009 22:43

Faydalı bilgi, teşekkürler.

**~~konkordato~~** · 06-13-2009 23:28

paylaşımınız için tşkler belki konu ile alakası yok ama sitenizi gezerken fark ettim,aşağıdaki resimde kullandığınız bir modül veya plugin midir,farklı kod ise bizimle paylaşabilir misiniz veya ismini versenizde bizim için yeterli.teşkkkürler

**emre** · 06-13-2009 23:38

Konuyla alakalı sorularınız varsa sorun . Konuyu dağıtmayalım.

**Celko** · 09-10-2009 10:47

iyi günler ben galley.class.php ve sobi2.details.tmpl.php dosyasını bulamadım nerdeler acaba

**SonBahar** · 09-10-2009 17:26

sanal joomla 1.5.x sürümlerinde sobi galeriyi nasıl çalıştırdın?= ben kuruyorum çalışmıyor.

bu arada sitenin rehber bölümü güzel olmuş. Tebrik ederim.

birde sanırım sobiyi üç defa kurmuşsun. bunun kısa bir yolu var mı yoksa clonlama mı yaptın.

**alabula** · 01-04-2010 01:36

sanal Nickli Üyeden Alıntı

Öncelikle Higslide JS yi indiriyoruz.
Highslide JS - JavaScript thumbnail viewer

zipli dosyayı açıyoruz ve içindeki sadece highslide klasörünü joomla sitemizin ana dizinine yüklüyoruz.

Daha sonra galley.class.php dosyasını açıyoruz ve

Kod:

$config->loadScript("prototype");
$config->addCustomHeadTag("<script type='text/javascript' src='{$config->liveSite}/components/com_sobi2/plugins/gallery/scriptaculous.js?load=effects'></script>");
$config->addCustomHeadTag("<script type='text/javascript' src='{$config->liveSite}/components/com_sobi2/plugins/gallery/lightbox.js'></script>");

$style = "<style type=\"text/css\"> \n\t" .
"#prevLink:hover, #prevLink:visited:hover { background: url({$config->liveSite}/components/com_sobi2/plugins/gallery/images/prev.gif) left 15% no-repeat; } \n\t\t" .
"#nextLink:hover, #nextLink:visited:hover { background: url({$config->liveSite}/components/com_sobi2/plugins/gallery/images/next.gif) right 15% no-repeat; } \n\t\t" .
"#overlay{ background-image: url({$config->liveSite}/components/com_sobi2/plugins/gallery/images/overlay.png); } \n\t\t ".
"</style>\n";
$config->addCustomHeadTag($style);

şeklindeki lightbox kodunu çakışma olmaması için

Kod:

/*
(



)
*/

kodu ile değiştiriyoruz.
Daha sonra aynı sayfada bulununan lightbox kodunu

Kod:

//... ueber die Lightbox darstellen
else {
$imagesSrc[$image->position] = "<a href='{$imgSrc}' title='{$image->title}' rel=\"lightbox[roadtrip]\">{$img}</a>";
}

highslide kodu ile değiştiriyoruz.

Kod:

//... ueber die Lightbox darstellen
else {
$imagesSrc[$image->position] = "<a href='{$imgSrc}' title='{$image->title}' onclick=\"return hs.expand(this)\">{$img}</a>";
}

detay görünümü yani sobi2.details.tmpl.php dosyasını açıyoruz ve example page sayfalarında bulunan efektlerden hangisini beğeniyorsak ve kullanmak istiyorsak beğendiğimiz sayfada bulunan <head></head> tagları arasındaki kodu head tagları dahil olmak üzere sobi2.details.tmpl.php sayfasının baş tarafına veya kullandığımız tema tablosunun uygun bir yerine yerleştiriyoruz.
Örneğin ben beğendiğim efekt kodunu yerleştirmek için sayfanın başını tercih ettim.

Kod:

/* ------------------------------------------------------------------------------
* This is template for details view
* ------------------------------------------------------------------------------
*/
?>

<head>

<!--
1 ) Reference to the files containing the JavaScript and CSS.
These files must be located on your server.
-->

<script type="text/javascript" src="/highslide/highslide-with-gallery.js"></script>
<link rel="stylesheet" type="text/css" href="/highslide/highslide.css" />

<!--
2) Optionally override the settings defined at the top
of the highslide.js file. The parameter hs.graphicsDir is important!
-->

<script type="text/javascript">
hs.graphicsDir = '/highslide/graphics/';
hs.align = 'center';
hs.transitions = ['expand', 'crossfade'];
hs.wrapperClassName = 'dark borderless floating-caption';
hs.fadeInOut = true;
hs.dimmingOpacity = .75;

// Add the controlbar
if (hs.addSlideshow) hs.addSlideshow({
//slideshowGroup: 'group1',
interval: 5000,
repeat: false,
useControls: true,
fixedControls: 'fit',
overlayOptions: {
opacity: .6,
position: 'bottom center',
hideOnMouseOut: true
}
});
</script>


</head>

daha sonra detay sayfamızda bulunan gallery kodunu

Kod:

<?php echo $plugins["gallery"]; ?>

şu şekilde düzenliyoruz.

Kod:

<div class="highslide-gallery">
<td class="highslide" >
<?php echo $plugins["gallery"]; ?>
</td>
</div>

Bu düzenlemede div class bölümüne hangi efekti tercih ettiniz ise o örnek sayfada bulunan class değerini girmeniz gerekiyor.
Eğer düzenlemelerimizde bir hata yapmamış isek highslide efektlerinin problemsiz bir şekilde çalışması gerekir.
Denemeden önce muhakkak yedek alınız.

Reklam olarak algılanıyor ise silinsin lütfen.

Kolay gelsin.

Burada bahsettiğin dosyaların yerini de keşke yazsaydın. Nerede olduklarını bulamadık.
example page sayfalarında bulunan efektlerden hangisini beğeniyorsak demişsin ama ben bahsettiğin dosyanın da ne olduğunu pek anlamadım. Cahilliğime verebilirsin.

**KaYRa** · 01-04-2010 02:32

Hepsini düzenli bir şekilde anlatmış, anlamadığınız nokta nedir ?

**alabula** · 01-04-2010 11:58

Yapamadığım yerleri yazayım öyleyse: Kırmızı ile belirttiğim bölümlerin neresi olduğunu bulamadım. Yardımcı olursanız sevinirim.

detay görünümü yani sobi2.details.tmpl.php dosyasını açıyoruz ve example page sayfalarında bulunan efektlerden hangisini beğeniyorsak ve kullanmak istiyorsak beğendiğimiz sayfada bulunan <head></head> tagları arasındaki kodu head tagları dahil olmak üzere sobi2.details.tmpl.php sayfasının baş tarafına veya kullandığımız tema tablosunun uygun bir yerine yerleştiriyoruz.
Örneğin ben beğendiğim efekt kodunu yerleştirmek için sayfanın başını tercih ettim.

daha sonra detay sayfamızda bulunan gallery kodunu

Kod:

<?php echo $plugins["gallery"]; ?>

şu şekilde düzenliyoruz.

Kod:

<div class="highslide-gallery">
<td class="highslide" >
<?php echo $plugins["gallery"]; ?>
</td>
</div>

Bu düzenlemede div class bölümüne hangi efekti tercih ettiniz ise o örnek sayfada bulunan class değerini girmeniz gerekiyor.
Eğer düzenlemelerimizde bir hata yapmamış isek highslide efektlerinin problemsiz bir şekilde çalışması gerekir.
Denemeden önce muhakkak yedek alınız.

**alabula** · 01-06-2010 23:10

Sobide galeriyi ekledim. Ancak buraya eklenen resimler sanırım benim hostumu kullanacak. Bunun yerine resim eklerken URL kullanabilir miyiz? Sobi2 buna imkan verir mi? Ama bunu yeni kayıt eklerken yapmak istiyorum.

Sobi2 Gallery Highslide Entegrasyonu

Konu: Sobi2 Gallery Highslide Entegrasyonu

LinkBack

Seçenekler

Görüntü

Sobi2 Gallery Highslide Entegrasyonu

Cevap: Sobi2 Gallery Highslide Entegrasyonu

Cevap: Sobi2 Gallery Highslide Entegrasyonu

Cevap: Sobi2 Gallery Highslide Entegrasyonu

Cevap: Sobi2 Gallery Highslide Entegrasyonu

Cevap: Sobi2 Gallery Highslide Entegrasyonu

Cevap: Sobi2 Gallery Highslide Entegrasyonu

Cevap: Sobi2 Gallery Highslide Entegrasyonu

Cevap: Sobi2 Gallery Highslide Entegrasyonu

Cevap: Sobi2 Gallery Highslide Entegrasyonu

Benzer Konular

Highslide for Joomla plugin sorunu.

CB ile Kunena full entegrasyonu?

CB ile Kunena profil entegrasyonu?

Joomla ile ASP sistem entegrasyonu.

jomsocial galeri entegrasyonu

Bu Konudaki Etiketler

Paylaş

Paylaş

Yetkileriniz