Overclock.net › Forums › Software, Programming and Coding › Coding and Programming › Web Coding › Help me Embed this photo gallery!
New Posts  All Forums:Forum Nav:

Help me Embed this photo gallery!

post #1 of 4
Thread Starter 
Ok, I found This photo gallery online that I want to use on a webpage. The code they've given to use it, is a link that when pressed the gallery shows up in fullscreen. However, I would prefer If I could embed it into the site and make it smaller so it could look something like the OCN gallery at the top.

Here is the code they give to use it.
Code:
<script type="text/javascript"
        src="http://slideshow.triptracker.net/slide.js"></script>
<script type="text/javascript">
<!--
  var viewer = new PhotoViewer();
  viewer.add('/photos/my-photo-1.jpg');
  viewer.add('/photos/my-photo-2.jpg');
  viewer.add('/photos/my-photo-3.jpg');
//--></script>
<a href="javascript:void(viewer.show(0))">Slideshow</a>

I managed to find the source here which I can download and edit, but I'm not too good with javascript. Any help would be appreciated! Thanks.
First Rig
(13 items)
 
  
CPUMotherboardGraphicsRAM
AMD Phenom II X4 965 970 Extreme4 AMD Radeon HD 6900 Series Corsair  
RAMHard DriveOptical DriveCooling
Corsair  Seagate Barracuda ASUS DVDRW Cooler Master Hyper 212+ 
OSKeyboardPowerCase
Windows 7 Ultimate Rosewill gaming Keyboard Rosewill Green series 630w Coolermaster Elite 430 
Mouse
Gigabyte 
  hide details  
Reply
First Rig
(13 items)
 
  
CPUMotherboardGraphicsRAM
AMD Phenom II X4 965 970 Extreme4 AMD Radeon HD 6900 Series Corsair  
RAMHard DriveOptical DriveCooling
Corsair  Seagate Barracuda ASUS DVDRW Cooler Master Hyper 212+ 
OSKeyboardPowerCase
Windows 7 Ultimate Rosewill gaming Keyboard Rosewill Green series 630w Coolermaster Elite 430 
Mouse
Gigabyte 
  hide details  
Reply
post #2 of 4
/*
* (c) Copyright 2006, Klika, all rights reserved.
*
* This code is the property of Klika d.o.o. The code
* may not be included in, invoked from, or otherwise
* used in any software, service, device, or process
* which is sold, exchanged for profit, or for which
* a license, subscription, or royalty fee is charged.
*
* Permission is granted to use this code for personal,
* educational, research, or commercial purposes, provided
* this notice is included, and provided this code is not
* used as described in the above paragraph.
*
* This code may not be modified without express
* permission of Klika. You may not delete, disable, or in
* any manner alter distinctive brand features rendered
* by the code. The use of this code in derivative work is
* permitted, provided that the code and this notice are
* included in full, and provided that the code is used in
* accordance with these terms.
*

* Email: info at triptracker.net
* Web: http://slideshow.triptracker.net
*/

There are dozens of java/jquery photo galleries out there that are ease to use and do what you want without mods or express permission of Kilka.

http://www.no-margin-for-errors.com/projects/prettyphoto-jquery-lightbox-clone/
http://lokeshdhakar.com/projects/lightbox2/
http://www.jacklmoore.com/colorbox
http://fancybox.net/
http://thickbox.net/

a list of 30 http://www.queness.com/post/633/30-javascript-image-and-photo-galleriesmootool-prototype-jquery-and-tutorials
a list of 65 http://www.javascriptbank.com/65-free-javascript-photo-gallery-solutions.html

I like the first link it's called PrettyPhoto and does everything I have needed
Core I7
(13 items)
 
  
CPUMotherboardGraphicsRAM
I7 920 rev. D0 @ 4.26Ghz EVGA X58 SLI EVGA GTX 285 OCZ XMP 3x2Gb (pc3 12800) 
Hard DriveOptical DriveOSMonitor
Western Digital Caviar Black 640Gb x 2 LG GH22LS30 openSuse 12.1 x64 HP F2105 
PowerCase
CORSAIR 850TX Cooler Master ATCS 840 
  hide details  
Reply
Core I7
(13 items)
 
  
CPUMotherboardGraphicsRAM
I7 920 rev. D0 @ 4.26Ghz EVGA X58 SLI EVGA GTX 285 OCZ XMP 3x2Gb (pc3 12800) 
Hard DriveOptical DriveOSMonitor
Western Digital Caviar Black 640Gb x 2 LG GH22LS30 openSuse 12.1 x64 HP F2105 
PowerCase
CORSAIR 850TX Cooler Master ATCS 840 
  hide details  
Reply
post #3 of 4
Thread Starter 
Quote:
Originally Posted by tom.slick View Post

/*
* (c) Copyright 2006, Klika, all rights reserved.
*
* This code is the property of Klika d.o.o. The code
* may not be included in, invoked from, or otherwise
* used in any software, service, device, or process
* which is sold, exchanged for profit, or for which
* a license, subscription, or royalty fee is charged.
*
* Permission is granted to use this code for personal,
* educational, research, or commercial purposes, provided
* this notice is included, and provided this code is not
* used as described in the above paragraph.
*
* This code may not be modified without express
* permission of Klika. You may not delete, disable, or in
* any manner alter distinctive brand features rendered
* by the code. The use of this code in derivative work is
* permitted, provided that the code and this notice are
* included in full, and provided that the code is used in
* accordance with these terms.
*

* Email: info at triptracker.net
* Web: http://slideshow.triptracker.net
*/
There are dozens of java/jquery photo galleries out there that are ease to use and do what you want without mods or express permission of Kilka.
http://www.no-margin-for-errors.com/projects/prettyphoto-jquery-lightbox-clone/
http://lokeshdhakar.com/projects/lightbox2/
http://www.jacklmoore.com/colorbox
http://fancybox.net/
http://thickbox.net/
a list of 30 http://www.queness.com/post/633/30-javascript-image-and-photo-galleriesmootool-prototype-jquery-and-tutorials
a list of 65 http://www.javascriptbank.com/65-free-javascript-photo-gallery-solutions.html
I like the first link it's called PrettyPhoto and does everything I have needed

Oh thanks I hadn't realized you couldn't edit it. +1
First Rig
(13 items)
 
  
CPUMotherboardGraphicsRAM
AMD Phenom II X4 965 970 Extreme4 AMD Radeon HD 6900 Series Corsair  
RAMHard DriveOptical DriveCooling
Corsair  Seagate Barracuda ASUS DVDRW Cooler Master Hyper 212+ 
OSKeyboardPowerCase
Windows 7 Ultimate Rosewill gaming Keyboard Rosewill Green series 630w Coolermaster Elite 430 
Mouse
Gigabyte 
  hide details  
Reply
First Rig
(13 items)
 
  
CPUMotherboardGraphicsRAM
AMD Phenom II X4 965 970 Extreme4 AMD Radeon HD 6900 Series Corsair  
RAMHard DriveOptical DriveCooling
Corsair  Seagate Barracuda ASUS DVDRW Cooler Master Hyper 212+ 
OSKeyboardPowerCase
Windows 7 Ultimate Rosewill gaming Keyboard Rosewill Green series 630w Coolermaster Elite 430 
Mouse
Gigabyte 
  hide details  
Reply
post #4 of 4
Thread Starter 
Bump. I've been looking at and messing around with Pretty Photo and Lightbox, but I don't see anyway to embed the viewer into the page. The examples they have show thumbnails as links that open the viewer in fullscreen when pressed. I'd prefer for the viewer to be able to look through the gallery without going into fullscreen.

I'd like it to look like the OCN homepage carousel.

EDIT: Nevermind, I found some galleries that I can embed. smile.gif
Edited by Simsim - 11/25/12 at 6:24pm
First Rig
(13 items)
 
  
CPUMotherboardGraphicsRAM
AMD Phenom II X4 965 970 Extreme4 AMD Radeon HD 6900 Series Corsair  
RAMHard DriveOptical DriveCooling
Corsair  Seagate Barracuda ASUS DVDRW Cooler Master Hyper 212+ 
OSKeyboardPowerCase
Windows 7 Ultimate Rosewill gaming Keyboard Rosewill Green series 630w Coolermaster Elite 430 
Mouse
Gigabyte 
  hide details  
Reply
First Rig
(13 items)
 
  
CPUMotherboardGraphicsRAM
AMD Phenom II X4 965 970 Extreme4 AMD Radeon HD 6900 Series Corsair  
RAMHard DriveOptical DriveCooling
Corsair  Seagate Barracuda ASUS DVDRW Cooler Master Hyper 212+ 
OSKeyboardPowerCase
Windows 7 Ultimate Rosewill gaming Keyboard Rosewill Green series 630w Coolermaster Elite 430 
Mouse
Gigabyte 
  hide details  
Reply
New Posts  All Forums:Forum Nav:
  Return Home
  Back to Forum: Web Coding
Overclock.net › Forums › Software, Programming and Coding › Coding and Programming › Web Coding › Help me Embed this photo gallery!