Hi,
Of course I’m new at this by a long shot - trained as a designer, but getting thrown into coding… any help is MUCH appreciated.
I used the tutorial here: http://www.kirupa.com/web/xml/examples/portfolio.htm to create a portfolio page. It’s the closest thing I’ve found to what I need. My client wants to be able to go in and upload new artwork to her page. . . So basically, without going into Flash, she would like a way to upload new thumbnails and have them be added to her portfolio page as needed.
I have found tutorials for scrolling thumbnails, but none used external libraries and code that will automatically factor in new thumbnails. :-\
So, I’m asking either one of two things . .
- Could someone point me in the direction of a scrolling thumbnail portfolio page tutorial that loads from external files and allow her to add to the portfolio fairly easily.
- Or someone who might be able to help in converting the code from the tutorial I used (above), into one that will account for these new thumbnails and scroll?
The code is here from the tutorial above:
var thumb_spacing = 40;
// load variables object to handle loading of text
var description_lv = new LoadVars();
description_lv.onData = function(raw_text){
description_txt.text = raw_text;
}
function GeneratePortfolio(portfolio_xml){
var portfolioPictures = portfolio_xml.firstChild.childNodes;
for (var i = 0; i < portfolioPictures.length; i++){
var currentPicture = portfolioPictures*;
var currentThumb_mc = menu_mc.createEmptyMovieClip(“thumbnail_mc”+i,i);
currentThumb_mc._x = i * thumb_spacing;
currentThumb_mc.createEmptyMovieClip(“thumb_container”,0);
currentThumb_mc.thumb_container.loadMovie(currentPicture.attributes.thumb);
currentThumb_mc.title = currentPicture.attributes.title;
currentThumb_mc.image = currentPicture.attributes.image;
currentThumb_mc.description = currentPicture.attributes.description;
currentThumb_mc.onRollOver = currentThumb_mc.onDragOver = function(){
info_txt.text = this.title;
}
currentThumb_mc.onRollOut = currentThumb_mc.onDragOut = function(){
info_txt.text = “”;
}
currentThumb_mc.onRelease = function(){
image_mc.loadMovie(this.image);
description_lv.load(this.description);
}
}
}
// xml object for xml content (defines sources for selections)
var portfolio_xml = new XML();
portfolio_xml.ignoreWhite = true;
portfolio_xml.onLoad = function(success){
if (success) GeneratePortfolio(this);
else trace(“Error loading XML file”); // no success? trace error (wont be seen on web)
}
// load
portfolio_xml.load(“portfolio.xml”);
Any thoughts, questions, comments…? Thanks in advance!