View Full Version : help integrating this idea...
DanielB
May-29-2006, 10:14 AM
http://www.cssplay.co.uk/menu/slide_show.html#nogo went there and i love how those tabs look but i'm trying to think of a way to integrate them into my site. any ideas?:dunno
Mike Lane
May-29-2006, 05:44 PM
Man that guy can do anything with an unordered list.
If you were a real programmer you could populate the required unordered lists with a selection of your popular shots and a selection from a couple of galleries (using those gallery RSS feeds of course). Then you could have a constantly changing fancy drop-hover thingy to show off your pics.
If I were any kind of programmer I'd be able to show you exactly how to do that. :dunno
devbobo
May-29-2006, 05:57 PM
If I were any kind of programmer I'd be able to show you exactly how to do that. :dunno
Come on Mike, it's all CSS :D
DanielB
May-29-2006, 06:30 PM
If you were a real programmer you could populate the required unordered lists with a selection of your popular shots and a selection from a couple of galleries (using those gallery RSS feeds of course). Then you could have a constantly changing fancy drop-hover thingy to show off your pics.
Oooo, that sounds fun.:wink
Mike Lane
May-29-2006, 06:44 PM
Come on Mike, it's all CSS :D
Not automatically changing up the images from the RSS feeds. The html and CSS part I can do no sweat...
DanielB
May-29-2006, 06:59 PM
Not automatically changing up the images from the RSS feeds. The html and CSS part I can do no sweat...
come onnnn, no pain no game:D
Mike Lane
May-29-2006, 07:04 PM
come onnnn, no pain no game:D
Reading is fundamental (http://www.amazon.com/gp/product/0596101996/sr=8-4/qid=1148958146/ref=pd_bbs_4/102-6504340-2218511?%5Fencoding=UTF8). Race me to the end of the book because I'm thinking the answer lies in there - or at least the information you need to be able to do the automagic part - and I'll have to get through it in order to help you out anyhow.
DanielB
May-29-2006, 07:11 PM
Reading is fundamental (http://www.amazon.com/gp/product/0596101996/sr=8-4/qid=1148958146/ref=pd_bbs_4/102-6504340-2218511?%5Fencoding=UTF8). Race me to the end of the book because I'm thinking the answer lies in there - or at least the information you need to be able to do the automagic part - and I'll have to get through it in order to help you out anyhow.
mehhh.:rolleyes
Availability: This item has not yet been released. You may order it now and we will ship it to you when it arrives. Ships from and sold by Amazon.com.
Mike Lane
May-29-2006, 07:28 PM
mehhh.:rolleyes
You can of course get the previous edition...
devbobo
May-29-2006, 07:33 PM
Here's a really quick hack to load my popular photos, obviously you will need to be able to build some content.
But it might be a good start.
<script type="text/javascript">
var xmlDoc;
loadRss();
function loadRss()
{
//load xml file
// code for IE
if (window.ActiveXObject)
{
xmlDoc = new ActiveXObject("Microsoft.XMLDOM");
xmlDoc.async=false;
xmlDoc.load("http://introversion.smugmug.com/hack/feed.mg?Type=popularNickname&Data=introversion&format=rss200");
processRss()
}
// code for Mozilla, etc.
else if (document.implementation && document.implementation.createDocument)
{
xmlDoc= document.implementation.createDocument("","",null);
xmlDoc.load("http://introversion.smugmug.com/hack/feed.mg?Type=popularNickname&Data=introversion&format=rss200");
xmlDoc.onload=processRss
}
else
{
alert('Your browser cannot handle this script');
}
}
function processRss()
{
var photoList = xmlDoc.getElementsByTagName("enclosure")
for (i = 0; i < photoList.length; i++)
alert(photoList[i].getAttributeNode("url").value);
}
</script>
DanielB
May-30-2006, 01:08 PM
Here's a really quick hack to load my popular photos, obviously you will need to be able to build some content.
But it might be a good start.
<script type="text/javascript">
var xmlDoc;
loadRss();
function loadRss()
{
//load xml file
// code for IE
if (window.ActiveXObject)
{
xmlDoc = new ActiveXObject("Microsoft.XMLDOM");
xmlDoc.async=false;
xmlDoc.load("http://introversion.smugmug.com/hack/feed.mg?Type=popularNickname&Data=introversion&format=rss200");
processRss()
}
// code for Mozilla, etc.
else if (document.implementation && document.implementation.createDocument)
{
xmlDoc= document.implementation.createDocument("","",null);
xmlDoc.load("http://introversion.smugmug.com/hack/feed.mg?Type=popularNickname&Data=introversion&format=rss200");
xmlDoc.onload=processRss
}
else
{
alert('Your browser cannot handle this script');
}
}
function processRss()
{
var photoList = xmlDoc.getElementsByTagName("enclosure")
for (i = 0; i < photoList.length; i++)
alert(photoList[i].getAttributeNode("url").value);
}
</script>
so what that does is it makes it so the photos will change with the voting, yes?:dunno
devbobo
May-30-2006, 04:05 PM
so what that does is it makes it so the photos will change with the voting, yes?:dunno
yes, this code loads the popular photos from the RSS feed. Unfortunately, I trying to finish my SM FF extension so I don't have the time right now to expand this example any more
Maybe it a good project to cut ur teeth on or perhaps someone else is interested in taking this up.
David
DanielB
May-31-2006, 06:45 PM
yes, this code loads the popular photos from the RSS feed. Unfortunately, I trying to finish my SM FF extension so I don't have the time right now to expand this example any more
Maybe it a good project to cut ur teeth on or perhaps someone else is interested in taking this up.
David
ha ha. me + java =:tough
i'm still mediocre at CSS...
caseserve
Jun-01-2006, 07:07 AM
Thanks for posting this Devbobo
Here's a really quick hack to load my popular photos, obviously you will need to be able to build some content.
But it might be a good start.
<script type="text/javascript">
var xmlDoc;
loadRss();
function loadRss()
{
//load xml file
// code for IE
if (window.ActiveXObject)
{
xmlDoc = new ActiveXObject("Microsoft.XMLDOM");
xmlDoc.async=false;
xmlDoc.load("http://introversion.smugmug.com/hack/feed.mg?Type=popularNickname&Data=introversion&format=rss200");
processRss()
}
// code for Mozilla, etc.
else if (document.implementation && document.implementation.createDocument)
{
xmlDoc= document.implementation.createDocument("","",null);
xmlDoc.load("http://introversion.smugmug.com/hack/feed.mg?Type=popularNickname&Data=introversion&format=rss200");
xmlDoc.onload=processRss
}
else
{
alert('Your browser cannot handle this script');
}
}
function processRss()
{
var photoList = xmlDoc.getElementsByTagName("enclosure")
for (i = 0; i < photoList.length; i++)
alert(photoList[i].getAttributeNode("url").value);
}
</script>
Mike Lane
Jun-01-2006, 07:12 AM
ha ha. me + java =:tough
i'm still mediocre at CSS...
Never fear, it's not java. It's javascript!
DanielB
Jun-05-2006, 07:40 PM
Never fear, it's not java. It's javascript!
ahh, devil's in the details:wink
vBulletin® v3.8.5, Copyright ©2000-2012, Jelsoft Enterprises Ltd.