| Author | Thread |
|
|
05/28/2007 08:24:25 AM · #26 |
My website is though SmugMug. I have been with them just over a year. I am pretty happy with them. Their customer service is TOP NOTCH.
Their prints are ok. Their glossy is pretty nice. I was using MPIX before SmugMug and prefer their prints, however.
|
|
|
|
05/29/2007 08:50:21 AM · #27 |
Alright I'm ready to learn...I have been reading the forums and need a bit of help. I'd like mine to look simular to this. It is something I can build on...but look alot better than the default I have now.
The look I want |
|
|
|
05/29/2007 09:11:26 AM · #28 |
Slideshow and the navigation bars are easy:
For the slide show you need to make a new gallery with the images you want to show in the slideshow. Then put this code in your Java Section:
******************************Java section*****************************
/*=========================*/
/*== SLIDE SHOW ==*/
/*== version 0.56 ==*/
/*== Updated 03 May 2006 ==*/
/*=========================*/
var SLIDE_SHOW = 0;
var RANDOM_PHOTO = 1;
var slideshowContainer;
var sSlide;
var sCaption;
var ssSlides;
var ssSlideTotal;
var ssSlideTimer;
var ssOldSlide;
var ssFadeTimer;
var ssFade;
var ssTimerId;
var blank;
function PrepSlideEnvironment()
{
tmpCookie = getCookie("Template");
blank = new Image();
blank.src = "/img/spacer.gif";
if (typeof(slideshowType) == "undefined" || (slideshowType != SLIDE_SHOW && slideshowType != RANDOM_PHOTO))
slideshowType = SLIDE_SHOW;
if (slideshowType == RANDOM_PHOTO)
randomSlides = false;
if (typeof(slideshowContainerId) == "undefined")
return false
else if (typeof(slideshowContainerId) == "string")
slideshowContainer = document.getElementById(slideshowContainerId);
if (!slideshowContainer)
return false;
if (typeof(slideshowUrl) == "undefined" || typeof(slideshowUrl) != "string")
return false;
else
slideshowUrl = /(?:http:\/\/[^\/]+)?(\/\S+)/.exec(slideshowUrl)[1];
if (/\/gallery\/[0-9]+/.test(slideshowUrl))
slideSourceIsGallery = true;
else
slideSourceIsGallery = false;
if (typeof(slideHeight) == "undefined" || isNaN(slideHeight))
slideHeight = "480";
if (typeof(slideWidth) == "undefined" || isNaN(slideWidth))
slideWidth = "640";
if (typeof(photoHeight) == "undefined" || isNaN(photoHeight))
photoHeight = slideHeight;
if (typeof(photoWidth) == "undefined" || isNaN(photoWidth))
photoWidth = slideWidth;
if (typeof(slideDuration) == "undefined" || isNaN(slideDuration))
slideDuration = 3;
if (typeof(firstSlideUrl) == "undefined" || typeof(firstSlideUrl) != "string")
firstSlideUrl = blank.src;
if (typeof(showSlideTransition) == "undefined" || typeof(showSlideTransition) != "boolean")
showSlideTransition = true;
if (typeof(resizeToPhoto) == "undefined" || typeof(resizeToPhoto) != "boolean")
resizeToPhoto = false;
if (typeof(quickStart) == "undefined" || typeof(quickStart) != "boolean")
quickStart = true;
if (typeof(randomSlides) == "undefined" || typeof(randomSlides) != "boolean")
randomSlides = false;
if (typeof(slideControls) == "undefined" || typeof(slideControls) != "boolean")
slideControls = true;
if (typeof(slideCaptions) == "undefined" || typeof(slideCaptions) != "boolean")
slideCaptions = false;
if (typeof(slidesClickable) == "undefined" || typeof(slidesClickable) != "boolean")
slidesClickable = false;
return true;
}
function loadSlideshow()
{
if (!PrepSlideEnvironment())
return false;
slideshowContainer.innerHTML = ' ';
if (slideCaptions)
slideshowContainer.innerHTML += '';
if (slideControls)
slideshowContainer.innerHTML += '';
sSlide = document.getElementById('ssSlide');
sCaption = document.getElementById('ssCaption');
if (slidesClickable) {
sSlide.style.cursor = 'pointer';
if (firstSlideUrl != blank.src)
ssAddSlideClick(slideshowUrl);
}
ssSlides = new Array(null);
ssSlideTotal = 0;
ssSlideTimer = 0;
ssOldSlide = 0;
ssFadeTimer = 100;
ssFade = "out";
if (slideSourceIsGallery)
ajax_query(slideshowHandler, '/photos/sspopup.mg?AlbumID=' + /\/gallery\/([0-9]+)/.exec(slideshowUrl)[1], null, true);
else {
var postArray = new Array();
postArray['TemplateID'] = '8';
postArray['origin'] = slideshowUrl;
ajax_query(slideshowHandler, '/homepage/templatechange.mg', postArray, true);
}
}
function slideshowHandler(response)
{
if (!slideSourceIsGallery) {
if (tmpCookie && tmpCookie != "") {
var postArray = new Array();
postArray['TemplateID'] = tmpCookie;
postArray['origin'] = slideshowUrl;
ajax_query(function(){}, '/homepage/templatechange.mg', postArray, true);
}
else
deleteCookie("Template", "/", "smugmug.com");
}
var re = /imageID\[\d+\] = "\d+";/g;
var re2 = /width\[\d+\] = "\d+";/g;
var re3 = /height\[\d+\] = "\d+";/g;
var re4 = /caption\[\d+\] = ".*";/g;
s = response.match(re);
w = response.match(re2);
h = response.match(re3);
c = response.match(re4);
var oSlide;
for (i = 0; i < s.length; i++)
{
oSlide = new Object;
temp = s[i].split(/"/);
oSlide.ImageId = temp[1];
oSlide.File = '//upload.smugmug.com/photos/toolthumbs.mg?ImageID=' + temp[1] + '&tool=slideshowXL&winHeight=' + photoHeight + '&winWidth=' + photoWidth;
oSlide.Gallery = slideshowUrl + '/1/' + oSlide.ImageId;
temp = h[i].split(/"/);
oSlide.Height = temp[1];
temp = w[i].split(/"/);
oSlide.Width = temp[1];
temp = c[i].split(/"/);
oSlide.Caption = temp[1];
oSlide.Loaded = false;
if ((oSlide.Width > photoWidth) || (oSlide.Height > photoHeight))
{
if (oSlide.Width >= oSlide.Height)
{
oSlide.Height = Math.round((oSlide.Height / oSlide.Width) * photoWidth);
oSlide.Width = photoWidth;
}
else
{
oSlide.Width = Math.round((oSlide.Width / oSlide.Height) * photoHeight);
oSlide.Height = photoHeight;
}
}
ssSlideTotal = ssSlides.push(oSlide);
}
ssSlideTotal -= 1;
if (randomSlides)
{
ssSlides.shift();
ssSlides.shuffle();
ssSlides.unshift(0);
}
if (quickStart)
ssSlideTimer = (slideDuration * 1000);
ssPrepSlide(1);
window.setTimeout("ssPrepSlide(2);", 0);
window.setTimeout("ssPrepSlide(ssSlideTotal);", 0);
if (slideshowType == SLIDE_SHOW)
ssPlaySlideshow();
else
ssSlideSwap(1);
}
function ssPauseSlideshow()
{
window.clearTimeout(ssTimerId);
ssTimerId = null;
}
function ssResumeSlideshow()
{
if (!ssTimerId)
ssTimerId = window.setTimeout("ssPlaySlideshow()", 10);
}
function ssPrepSlide(prep)
{
if (ssSlides[prep].Loaded == false)
{
ssSlides[prep].Image = new Image();
ssSlides[prep].Image.src = ssSlides[prep].File;
ssSlides[prep].Loaded = true;
}
}
function ssMoveSlide(i) {
ssSlideTimer = 0;
ssFadeTimer = 100;
ssTransition(ssFadeTimer);
ssFade = "out";
ssSlideSwap(i);
}
function ssPlaySlideshow()
{
if (ssSlideTimer >= (slideDuration * 1000))
{
if (ssFade == 'out')
ssTransition(ssFadeTimer -= 10);
if (ssFadeTimer == 0)
{
ssSlideSwap(1);
ssFade = 'in';
}
if (ssFade == 'in')
ssTransition(ssFadeTimer += 10);
if (ssFadeTimer == 100)
{
ssSlideTimer = 0;
ssFade = 'out';
}
}
else
ssSlideTimer += 10;
ssTimerId = window.setTimeout("ssPlaySlideshow()", 10);
}
function ssTransition(opacity)
{
if (showSlideTransition)
{
if (opacity != 100)
sSlide.style.opacity = (opacity / 100);
// one case where mozilla sucks: the image will flash if you turn opacity up to 1 suddenly
else
sSlide.style.opacity = (.99);
// only affects Win IE
sSlide.style.filter = 'alpha(opacity=' + opacity + ')';
if (sCaption) {
sCaption.style.opacity = sSlide.style.opacity;
sCaption.style.filter = sSlide.style.filter;
}
}
}
function ssSlideSwap(i)
{
var newSlide = ssOldSlide + i;
if (newSlide > ssSlideTotal)
newSlide = 1;
if (newSlide < 1)
newSlide = ssSlideTotal;
if (ssSlides[newSlide].Loaded != false)
{
document.images['ssSlide'].src = blank.src;
sSlide.style.backgroundImage = 'url(' + ssSlides[newSlide].File + ')';
if (resizeToPhoto)
{
document.images['ssSlide'].height = ssSlides[newSlide].Height;
document.images['ssSlide'].width = ssSlides[newSlide].Width;
}
if (slidesClickable)
ssAddSlideClick(ssSlides[newSlide].Gallery);
if (slideCaptions)
document.getElementById('ssCaption').innerHTML = ssSlides[newSlide].Caption;
ssPrepSlide(newSlide < ssSlideTotal ? newSlide + i : 1);
ssOldSlide = newSlide;
}
else
{
ssPrepSlide(newSlide);
ssSlideSwap(i);
}
}
function ssAddSlideClick(sUrl) {
addEvent(sSlide, 'click', function(){location.href=sUrl;});
}
Array.prototype.shuffle = function()
{
var len = this.length;
var rand, temp, i;
for (i = 0; i < len; i++)
{
rand = Math.floor(Math.random()*len);
temp = this[i];
this[i] = this[rand];
this[rand] = temp;
}
}
function pauseSlideshow()
{
document.getElementById('ssPause').style.display = "none";
document.getElementById('ssPlay').style.display = "inline";
ssPauseSlideshow();
}
function resumeSlideshow()
{
document.getElementById('ssPause').style.display = "inline";
document.getElementById('ssPlay').style.display = "none";
ssResumeSlideshow();
}
function prevSlide()
{
pauseSlideshow();
ssMoveSlide(-1);
}
function nextSlide()
{
pauseSlideshow();
ssMoveSlide(1);
}
function getCookie(name) {
var start = document.cookie.indexOf(name + "=");
var len = start + name.length + 1;
if ((!start) && (name != document.cookie.substring(0, name.length)))
return null;
if (start == -1)
return null;
var end = document.cookie.indexOf(";", len);
if (end == -1)
end = document.cookie.length;
return unescape(document.cookie.substring(len, end));
}
function deleteCookie(name, path, domain) {
if (getCookie(name))
document.cookie = name + "=" + ((path) ? ";path=" + path : "") + ((domain) ? ";domain=" + domain : "") + ";expires=Thu, 01-Jan-1970 00:00:01 GMT";
}
*********End*****************************************************
Then place this in your footer section: Just make sure to change the web address to the location of your gallery you created earlier.
***************************************************************
***************************************************************
I have all this code in a word format file including my nav bar code. IF anyone wants it just pm me your e-mail address and I will send you a copy. You just have to change the web address of everything that is linked.
|
|
|
|
05/29/2007 09:26:22 AM · #29 |
|
|
|
05/29/2007 09:37:31 AM · #30 |
I see you want your site to look similar to Andy's he is sort of a smugmug wizard on Dgrin and has helped me out alot with the designing part.
So here are some little things you can change that andy posted a long time ago. If you dont like that smugmug line at the bottom of your page you cant remove it but you can shorten some of it or make it look nice. So here is some code I used.
Put these in you CSS field to shorten that SMUGMUG footer
This gets rid of those feed links
#feeds {
display:none;
}
This gets rid of the cart in your footer
/* turn off the cart link on the minifooter */
.cartlink_footer {
display: none;
}
This gets rid of your login link
/* turn off the login link on the minifooter */
.loginLink {
display: none;
}
PUT THIS IN YOUR JAVASCRIPT
This gets rid of those lines in your footer that divides type
// fix the pesky pipes
YE.onAvailable("cobrand_footer", function() {this.innerHTML = this.innerHTML.replace(/\||what are feeds\?/gi, '');});
|
|
|
|
05/29/2007 09:40:38 AM · #31 |
| Thanks Ryan...when I get to that point I will use those codes. |
|
|
|
05/29/2007 01:27:50 PM · #32 |
Hey Rex...I don't know what I did wrong. I copied the code, changed your links to mine, and added that footer. I posted on Dgrin and Allen said I had too many Js? I don't know...
Here is the thread over there
Message edited by author 2007-05-29 13:29:47. |
|
|
|
05/29/2007 01:57:05 PM · #33 |
Take everything out of your footer for now and replace it with this code:
|
|
|
|
05/29/2007 02:26:13 PM · #34 |
OK Clint I see you got the slideshow working. You only need to change the link so it shows your photos and not mine. Then we can work on the rest. I will be on yahoo chat later this evening. rex07734 is my username there.
|
|
|
|
05/29/2007 02:33:31 PM · #35 |
Alright...got that working. How do you put a frame around the slideshow? Also want buttons so you can advance to the next image.
I'll definitely be looking for you tonight on yahoo.
|
|
|
|
05/29/2007 02:34:29 PM · #36 |
We will center the slideshow and try to add the buttons. We will also add the nav bar. I should be on around 7ish
|
|
|
|
05/29/2007 02:40:05 PM · #37 |
| rex has this stuff down, he did mine as well, works perfectly |
|
|
|
05/29/2007 02:42:54 PM · #38 |
Originally posted by Elmakias:
rex has this stuff down, he did mine as well, works perfectly |
I have no doubt in his abilities. I've had a smugmug account for about a year now and have done really nothing to it. I just went pro there last week because I want to sell prints from my site. I now want to make it look like my site instead of smugmug's. |
|
|
|
05/29/2007 03:06:40 PM · #39 |
hey your site is looking good so far I see you got the slideshow working
|
|
|
|
05/29/2007 03:16:29 PM · #40 |
| Thank you...but there is really nothing different from the default site other than the slideshow...that will all change soon hopefully. |
|
|
|
06/03/2007 08:17:31 PM · #41 |
been working on my wife's ( jaded_youth) site. she jsut wants it for show, not to sell anything.what do you guys think? the photos at the top are random BTW.
//www.savethemomentphotography.com
Message edited by author 2007-06-03 22:39:55. |
|
|
|
06/03/2007 10:02:32 PM · #42 |
Elvis - the page won't load for me. I've tried a couple of times and it seems to time out.....
|
|
|
|
06/03/2007 10:04:53 PM · #43 |
Originally posted by idnic:
Elvis - the page won't load for me. I've tried a couple of times and it seems to time out..... |
sorry i'm and idiot and mispelled the link
//www.savethemomentphotography.com
give me about 30 minutes and i should have a drop down nav bar
Message edited by author 2007-06-03 22:05:57. |
|
|
|
06/03/2007 10:45:04 PM · #44 |
take this with a grain of salt, but i think you're going to be burning the midnight oil...
at 1024, i have to hide my favorites to see the whole page without scrolling.
the menus are really, really jumpy, and if i'm able to pick something, i have to do a lot of scrolling to see the whole images.
i keep seeing this menu option come up off to the side that says 'award winning shots', but when i try to click on it, it flies away and disappears.
the only way i can scroll and keep the image persistent is with a wheel--if i move the mouse off the menu, everything goes black.
good luck, stick with it, and i'm sure it will all come together. |
|
|
|
06/03/2007 11:04:13 PM · #45 |
Originally posted by Skip:
take this with a grain of salt, but i think you're going to be burning the midnight oil...
at 1024, i have to hide my favorites to see the whole page without scrolling.
the menus are really, really jumpy, and if i'm able to pick something, i have to do a lot of scrolling to see the whole images.
i keep seeing this menu option come up off to the side that says 'award winning shots', but when i try to click on it, it flies away and disappears.
the only way i can scroll and keep the image persistent is with a wheel--if i move the mouse off the menu, everything goes black.
good luck, stick with it, and i'm sure it will all come together. |
yea trying to go from a normal nav bar that worked great to a drop down one and it is kicking my ass. thanks for the input. |
|
Home -
Challenges -
Community -
League -
Photos -
Cameras -
Lenses -
Learn -
Help -
Terms of Use -
Privacy -
Top ^
DPChallenge, and website content and design, Copyright © 2001-2025 Challenging Technologies, LLC.
All digital photo copyrights belong to the photographers and may not be used without permission.
Current Server Time: 08/07/2025 12:28:32 PM EDT.
';
