Forums

Image Gallery

Permalink
Can anyone take a look at this site:http://www.loganhomesonline.com. I need to find a way to create that image slider at the top so that it is easy for my customer to add images to it. Right now it is in javascript and was something I found on a site and my customer has to change his image size, FTP his images, and change the code in the javascript before it will work. He isn't too happy about that and would like a more user friendly way to add them.

I've looked at all the image gallery add-on's and can't seem to find one that will let it look like it does now. Any ideas?
 
loving replied on at Permalink Reply
I had a similar problem. I wanted the client to use the "File Manager" in C5 to designate which images would be in the slide show header. However, the slide show is not similar to any of those available in the market place.

Here is how I got around that:
* I had the client create a "set" of images called "Main Slide Show" in the dashboard's "File Manger".
* I used the following bit of php code to get those images"
$q ="SELECT *
      FROM FileSetFiles
      LEFT JOIN FileSets ON FileSets.fsID = FileSetFiles.fsID
      LEFT JOIN FileVersions ON ( FileSetFiles.fID = FileVersions.fID )
      WHERE FileSets.fsName = 'Main Slide Show' ORDER BY RAND() LIMIT 6";
$db = Loader::db();
$images=$db->getAll($q);


* Finally, I used another bit of php to write the image locations into the javascript. 

$i = 0;
foreach($images as $row) {
   if($i != 0)
      echo ",\n";
   echo 'javascript that starts each image';
        echo'pathtofiles/files/';
   echo substr($row['fvPrefix'], 0,4)."/".substr($row['fvPrefix'], 4,4)."/".substr($row['fvPrefix'], 8,4)."/";
   echo $row['fvFilename'];
   echo 'javascript that end each image';
      $i++;
}
madweb replied on at Permalink Reply
I appreciate your reply to my problem, however, I feel like a complete idiot because I really don't understand where I am supposed to put the two sections of php code. Here is the code I am currently using in that block to get the gallery to work. Do I stick it in there somewhere?

<script type="text/javascript">
/***********************************************
* Conveyor belt slideshow script- © Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive athttp://www.dynamicdrive.com/ for full source code
***********************************************/
//Specify the slider's width (in pixels)
var sliderwidth="900px"
//Specify the slider's height
var sliderheight="110px"
//Specify the slider's slide speed (larger is faster 1-10)
var slidespeed=1
//configure background color:
slidebgcolor="#000000"
//Specify the slider's images
Viewing 15 lines of 99 lines. View entire code block.


I am a beginner at all of this php and javascript stuff so I really am pretty clueless. Thanks for any help you can offer.
anttivaatainen replied on at Permalink Reply
anttivaatainen
Im not sure can you do it like this, but this is the way i am going to try samekind image-carousel on my site. So im explaining how i think it might work.


1. Have your image carousel inside list elements inside some div element. For example #carousel..

2. Use jquery to assing all img-tags inside #carousel to use same class (for example .imagecarousel)

3. Add jquery script to theme file that makes image-carousel from images that are inside div#carousel and has class .imagecarousel

and you have working carousel, nice!

How about easy editing you were talking about?

...this is where it might get tricky ;)

Dont actually know for sure how this could be done, because i havent yet tried my method but..

4. Block jquery script that defines .imagecarousel classes from editing mode, so client can add images to list without seeing javascript carousel, just plain list.


And remember that this is just concept i have been thinking. If anyone have knowledge how to block certain elements from frontend editing-mode tell me please :)

..and about resizing the images, you can use css for setting the desired image size. Of course file size is not reducing this way.
Mnkras replied on at Permalink Reply
Mnkras
if you guys really want/need it i can attempt to make it,

using jcarousel?