Difference between revisions of "Spotlight Promoted Wiki Pages"
Line 22: | Line 22: | ||
* <s>change css property of images to display them in line</s> select each list item li and apply 'display:inline' (example $('#somediv ul li').css('display','inline')) | * <s>change css property of images to display them in line</s> select each list item li and apply 'display:inline' (example $('#somediv ul li').css('display','inline')) | ||
* <s>set height and width of images to same value using jquery</s> | * <s>set height and width of images to same value using jquery</s> | ||
− | * explore setTimeout and resetTimeout functions in jQuery | + | * <s>explore setTimeout and resetTimeout functions in jQuery</s> We need setInterval method instead of setTimeout. |
* try to understand hover_for.js | * try to understand hover_for.js | ||
* explore timers in jquery | * explore timers in jquery |
Revision as of 12:29, 16 January 2008
What (summary)
This project is targeted to allow sponsored wiki pages to be displayed on AboutUs's main page as well as category and portal pages.
Why this is important
This can be a new and promising source of revenue generation for AboutUs. Wiki Page owners will buy the right to have their respective pages put under the spotlight for a particular time period and price. This will help in revamping the user interface of current category and portal pages increasing user engagement. This will lead to more traffic to the featured pages as well as to these category and portal pages.
- We may also want to link this project with PromoteMe. For example, we could offer this as an additional and a more inviting offer to people who have already elected to promote their companies at AboutUs.
- I thought this was the original idea. Are there any other pages besides the ones from PromoteMyCompany that we want to spotlight? Is this going to be a new offer? Asad | *~talk~* 22:37, 15 January 2008 (PST)
DoneDone
- When we can put and change images of featured pages on the main page dynamically i.e. change the image after short time intervals.
- When we are able to embed a small section on each of the category/portal pages which has similar functionality as the main page.
Steps to get to DoneDone
-
understand how to change an attribute of an html tag via jqueryuse $("selector").attr("attr_name", "value"); -
understand how arrays work in javascript -
Use hard coded links for the time being. -
Make the javascript load images in the div inserted by the extension.using hard coded image links right now -
change css property of images to display them in lineselect each list item li and apply 'display:inline' (example $('#somediv ul li').css('display','inline')) -
set height and width of images to same value using jquery -
explore setTimeout and resetTimeout functions in jQueryWe need setInterval method instead of setTimeout. - try to understand hover_for.js
- explore timers in jquery
- Use the timer to change the images dynamically after 5 secs.
- Create the tables for storing the image url, description, link_url of the spotlight pages.
- Write a javascript that displays this
For starters, we can brainstorm for an interface similar to one of the following sites: