Author Topic: Listing all your Gallery Images in V-Card with Highslide Effect  (Read 14451 times)

0 Members and 1 Guest are viewing this topic.

Offline uriel

Re: Listing all your Gallery Images in V-Card with Highlisde Effect
« Reply #10 on: 12. April 2009, 20:18:34 »
only 1 demo entry under Computers & Internet so far..... yours looks cool too !
Country: South Africa South Africa |  OS: Unknown Unknown Browser: Unknown Unknown | View Profile

Offline bossies

Re: Listing all your Gallery Images in V-Card with Highlisde Effect
« Reply #11 on: 16. April 2009, 13:20:25 »
Thanks got mine working.  Just another question?  Is it anyway possible to have a caption like you would have when you click the image on the normal details page?  Thus i would like the effect with the caption on the v-card view?

thanks
rudolf
Country: South Africa South Africa |  OS: Unknown Unknown Browser: Unknown Unknown | View Profile Affordable web Design

Offline twozen

Re: Listing all your Gallery Images in V-Card with Highslide Effect
« Reply #12 on: 22. September 2009, 00:33:50 »
I just wanted to say "THANK YOU" for posting this tutorial. I spent all weekend following another tutorial in the forum that got me nowhere.  So glad I stumbled on this one. Brilliant! Had this up and working in no time. Kudos to you.
Country: United States United States |  OS: Windows XP Windows XP |  Browser: Firefox 3.5.3 Firefox 3.5.3 | View Profile

Offline status206

Re: Listing all your Gallery Images in V-Card with Highslide Effect
« Reply #13 on: 03. December 2009, 01:53:54 »

I'm getting a blank page...  ??? :blink: :pinch: >:(

However when I upload the original gallery.class.php the directory works again. I'm assuming the error is within the modifications made to that file.

I would like some help please. Thank you.

Here is my System Information:
Quote
PHP Built on:    Linux linhostssl06.prod.mesa1.secureserver.net 2.4.21-63.ELsmp #1 SMP Tue Nov 3 18:23:59 EST 2009 i686
Database Version:    5.0.67.d7-ourdelta-log
Database Collation:    utf8_general_ci
PHP Version:    4.3.11
Web Server:    Apache
Web Server to PHP interface:    cgi-fcgi
Joomla! Version:    Joomla! 1.5.15 Stable [ Wojmamni Ama Mamni ] 05-November-2009 04:00 GMT
User Agent:    Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.9.1.5) Gecko/20091102 Firefox/3.5.5


FILE: gallery.class.php (AS MODIFIED)
Quote
      //oder Lightbox-Effekt
      else {
         if (!$this->usedScript) {
      /*      $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);
         } */
         else {
            $config->addCustomHeadTag("<script type='text/javascript' src='{$config->liveSite}/components/com_sobi2/plugins/gallery/slimbox.js'></script>");
         }

Quote
      //... ueber die Lightbox darstellen
else {
$imagesSrc[$image->position] = "<a href='{$imgSrc}' title='{$image->title}' onclick=\"return hs.expand(this)\">{$img}</a>";
}
            }
            else {
               if(!$sobi2Id)
                  $thumbSrc = "{$this->imagesLivePath}/{$sobi_gallery_id}/{$image->thumb}";
               $imagesSrc[$image->position] = "<img src='{$thumbSrc}' alt='{$image->title}' title='{$image->title}' />";
            }
         }
      }
      return $imagesSrc;
   }

FILE: index.php (AS MODIFIED)
Quote
defined('_JEXEC') or die('Restricted access');

$url = clone(JURI::getInstance());
$showRightColumn = $this->countModules('user1 or user2 or right or top');
$showRightColumn &= JRequest::getCmd('layout') != 'form';
$showRightColumn &= JRequest::getCmd('task') != 'edit'
?>
<?php echo '<?xml version="1.0" encoding="utf-8"?'.'>'; ?>
<!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" xml:lang="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>" dir="<?php echo $this->direction; ?>" >
<head>
<!--
1 ) Reference to the files containing the JavaScript and CSS.
These files must be located on your server.
-->
 
<script type="text/javascript" src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/highslide/highslide-with-gallery.js"></script>
<link rel="stylesheet" type="text/css" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/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 = '<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/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>
   <jdoc:include type="head" />
   <link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/letitflow/css/template.css" type="text/css" />
<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/letitflow/css/tfmenu.css" type="text/css" />

Thank you for your time!  :w00t:
Future SOBI2 Releases: I'd like to see this as a built in feature or plugin. To be able add any field you'd like to display in the meta title from the admin UI from the custom field manager.. ~ Signed a paying sigsiu.net customer
Country: United States United States |  OS: Windows XP Windows XP |  Browser: Firefox 3.5.5 Firefox 3.5.5 | View Profile

Offline alladi

Re: Listing all your Gallery Images in V-Card with Highslide Effect
« Reply #14 on: 21. April 2010, 15:12:13 »
Hi getaweb.

I am trying to do this. But I got stuck with my Joomla Art template. I use JA Teline III and I don't see a header in my index.php file under template folder.

Is it possible to help me?

Cheers

Alladi
Country: India India |  OS: Linux (Suse) Linux (Suse) |  Browser: Firefox 3.5.9 Firefox 3.5.9 | View Profile

Offline RJK

Re: Listing all your Gallery Images in V-Card with Highslide Effect
« Reply #15 on: 14. September 2010, 10:08:29 »
This looks interesting  -  does anyone know of a working example anywhere which I could take a look at? None of the (old) links in this thread work any longer.
Country: France France |  OS: Windows XP Windows XP |  Browser: Opera 9.80 Opera 9.80 | View Profile

Tags: