|
#1
|
|||
|
|||
|
Hi, are you planning to add a slide show to your component?
Thanks |
|
#2
|
|||
|
|||
|
Hello lena, there is an addon by mambosolutions that provide slide show capability. Take a look at this demo:
http://www.mambosolutions.com/demos/...id=1&Itemid=41 Cheers! |
|
#3
|
|||
|
|||
|
thanks! this is a really nice one!
|
|
#4
|
|||
|
|||
|
Hi Lena,
As far as I know John from mambosolutions.com can install the slide show addon for you so you can avoid any troubles with that if you decide to go for it.
__________________
Alex, Custom vBulletin/Joomla! Developer For sale: Joomla.cc & Joomla.ws |
|
#5
|
|||
|
|||
|
Hello,
I need a Flash or Javascript SlideShow for Hot Property ! But i need an automatic animation (photo change each x sec)... Can you make me a purpose for that ? Chris. |
|
#6
|
|||
|
|||
|
Hi Chris,
I suggest you to google for "javascript image slideshow" or any closer combination and see what it brings up. You can then adjust it to be usable with Hot Property. Shouldn't really be difficult assuming you can handle basic HTML / PHP / Javascript code. Regards,
__________________
Alex, Custom vBulletin/Joomla! Developer For sale: Joomla.cc & Joomla.ws |
|
#7
|
|||
|
|||
|
Since you make it sound so simple, can you folks at Mosets please make a quick slideshow module for us customers? I'm sure all of your customers would love to just be able to download a module real quick rather than have to make their own from scratch. It's better to have 1 person do the work rather than all thousands of your customers don't you think?!
Thanks...hope to see a module soon! |
|
#8
|
|||
|
|||
|
Howdy all, I'm finishing up a slideshow for HotProperty. I'll post it up tonight if I remember. Send me an email meikeric {at] gmail [dot} com if you are interested. It's Javascript based, and you can have it for free. Just need a little more tweaking. Cross-browser compliant.
|
|
#9
|
|||
|
|||
|
Thanks! It's good to see the community is fulfilling desires
|
|
#10
|
|||
|
|||
|
I have only done a tiny bit of testing, so I need you guys to test it.
Directions on a unmodified HotProperty install. Find line: 575ish (Sorry, not sure exactly, I've been hacking at this all night.) Look for this section Code:
if ($hp_show_emailicon && !$pop) {
?><a href="javascript:void window.open('<?php echo $mosConfig_live_site; ?>/index2.php?option=com_hotproperty&task=emailform&id=<?php echo $prop[0]->id; ?>', 'win2', 'status=no,toolbar=no,scrollbars=no,titlebar=no,menubar=no,resizable=yes,width=400,height=235,directories=no,location=no');" title="<?php echo _CMN_EMAIL;?>"><img
src="<?php echo $mosConfig_live_site;?>/images/M_images/emailButton.png" border='0' alt="<?php echo _CMN_EMAIL; ?>" /></a>
<?php
}
?>
</div>
Code:
<?php
// Copyright © 2006, Michael Rice
// License: GPL but you must email when you use it to let me know and this copyright MUST remain intact.
// Email: meikeric {at] gmail [dot} com
// You can donate to my Paypal and request hacks for HotProperty. Every little bit helps.
// Paypal: meikeric {at] gmail [dot} com
?>
<?php $iCount = count($images); ?>
<script language="JavaScript" type="text/javascript">
//for image viewer slide show
myCount = 0;
function UpdateCounter( currentCount )
{
myCount = currentCount;
}
function loadImgArray( strList ){
myImgList = strList.split(",");
}
function NextSlideShow( maxCount ){
if(myCount >= maxCount){
myCount = 0;
}else{
myCount++;
}
//alert( myImgList[myCount] );
show('MainPhoto',myImgList[myCount]);
fillLabel('img_x',myCount+1);
}
function PrevSlideShow( maxCount ){
if(myCount <= 0){
myCount = maxCount;
}else{
myCount--;
}
//alert( myImgList[myCount] );
show('MainPhoto',myImgList[myCount]);
fillLabel('img_x',myCount+1);
}
function fillLabel(inField,inValue){
if(document.layers) //NN4+
{
document.layers[inField].innerHTML = inValue;
}
else if(document.getElementById) //gecko(NN6) + IE 5+
{
var obj = document.getElementById(inField);
obj.innerHTML = inValue;
}
else if(document.all) // IE 4
{
document.all[inField].innerHTML = inValue;
}
}
function show(name,src) {
if (document.images)
document.images[name].src = src;
}
</script>
<div id="hp_view_standard_photo_con1">
<table>
<tr>
<td colspan=2 align=center>
<a href='javascript:NextSlideShow( <?php echo $iCount-1; ?>);'><img src='<?php echo $mosConfig_live_site.$hp_imgdir_standard.$images[0]->standard; ?>' name='MainPhoto' alt='Click here to view the next image' border='0' class='search01'></a>
</td>
</tr>
<tr>
<td align='center' colspan='2' nowrap><strong>
‹ <A href='javascript:PrevSlideShow( <?php echo $iCount-1; ?> );'>Previous Photo</a> <span id="img_x">1</span> of <span id="img_n"><?= $iCount; ?></span>
<A href='javascript:NextSlideShow( <?php echo $iCount-1; ?> );'>Next Photo</a> ›</strong>
</td>
</tr>
</table>
<script language='Javascript' type="text/javascript">
<!--
loadImgArray( '<?php
$i = 1;
foreach($images AS $image) {
echo $mosConfig_live_site.$hp_imgdir_standard.$image->standard;
if($iCount > 1 && $i != $iCount) {
echo ',';
}
$i++;
}
?>' );
//-->
</script>
</div>
Start the open comments here: Code:
<?php /*if (isset($images[0]->standard) && $images[0]->standard <> '') {
Change Code:
} </script> ?> <div id="con_hp2"> Code:
} </script>*/ ?> <div id="con_hp2"> Code:
<?php foreach($prop AS $p) {
if (count($images) > 1) { ?>
Code:
<?php foreach($prop AS $p) {
/*if (count($images) > 1) { ?>
Like so Code:
<?php } */ // End If: count($images) ?> Let me know if this works out for you. meikeric {at] gmail [dot} com Hope this works out. See it in action, as I work on my site at Outer Banks Last edited by meikeric; 11-16-2006 at 12:42 PM. Reason: Added code. |
|
#11
|
|||
|
|||
|
And for mediapole:
Personally, I don't like this feature, but it only took another couple of minutes to implement and test, so whoopdie doo. In above code Code:
<script language="JavaScript" type="text/javascript">
//for image viewer slide show
myCount = 0;
function UpdateCounter( currentCount )
{
myCount = currentCount;
}
function loadImgArray( strList ){
myImgList = strList.split(",");
}
function NextSlideShow( maxCount ){
if(myCount >= maxCount){
myCount = 0;
}else{
myCount++;
}
//alert( myImgList[myCount] );
show('MainPhoto',myImgList[myCount]);
}
function PrevSlideShow( maxCount ){
if(myCount <= 0){
myCount = maxCount;
}else{
myCount--;
}
//alert( myImgList[myCount] );
show('MainPhoto',myImgList[myCount]);
}
function fillLabel(inField,inValue){
if(inValue == ''){
inValue = myCount + 1;
}
if(document.layers) //NN4+
{
document.layers[inField].innerHTML = inValue;
}
else if(document.getElementById) //gecko(NN6) + IE 5+
{
var obj = document.getElementById(inField);
obj.innerHTML = inValue;
}
else if(document.all) // IE 4
{
document.all[inField].innerHTML = inValue;
}
}
function show(name,src) {
if (document.images)
document.images[name].src = src;
}
</script>
Code:
<script language="JavaScript" type="text/javascript">
//for image viewer slide show
myCount = 0;
function UpdateCounter( currentCount )
{
myCount = currentCount;
}
function loadImgArray( strList ){
myImgList = strList.split(",");
}
function NextSlideShow( maxCount ){
if(myCount >= maxCount){
myCount = 0;
}else{
myCount++;
}
//alert( myImgList[myCount] );
show('MainPhoto',myImgList[myCount]);
}
function PrevSlideShow( maxCount ){
if(myCount <= 0){
myCount = maxCount;
}else{
myCount--;
}
//alert( myImgList[myCount] );
show('MainPhoto',myImgList[myCount]);
}
function fillLabel(inField,inValue){
if(inValue == ''){
inValue = myCount + 1;
}
if(document.layers) //NN4+
{
document.layers[inField].innerHTML = inValue;
}
else if(document.getElementById) //gecko(NN6) + IE 5+
{
var obj = document.getElementById(inField);
obj.innerHTML = inValue;
}
else if(document.all) // IE 4
{
document.all[inField].innerHTML = inValue;
}
}
function show(name,src) {
if (document.images)
document.images[name].src = src;
}
function startTimer(){
speed = 4;
interval=setInterval('NextSlideShow( <?php echo $iCount-1; ?> );',speed*1000);
}
</script>
Next: For the Picture hyperlink Code:
<a href='javascript:NextSlideShow( <?php echo $iCount-1; ?>);'><img src='<?php echo $mosConfig_live_site.$hp_imgdir_standard.$images[0]->standard; ?>' name='MainPhoto' alt='Click here to view the next image' border='0' class='search01'></a> Code:
<img width="1" height="1" src="/images/blank.png" onload="startTimer();" />
<a href='javascript:NextSlideShow( <?php echo $iCount-1; ?>); clearInterval(interval);'><img src='<?php echo $mosConfig_live_site.$hp_imgdir_standard.$images[0]->standard; ?>' name='MainPhoto' alt='Click here to view the next image' border='0' class='search01'></a>
And finally Code:
‹ <A href='javascript:PrevSlideShow( <?php echo $iCount-1; ?> );'>Previous Photo</a>
<A href='javascript:NextSlideShow( <?php echo $iCount-1; ?> );'>Next Photo</a> ›</strong>
Code:
‹ <A href='javascript:PrevSlideShow( <?php echo $iCount-1; ?> ); clearInterval(interval);'>Previous Photo</a>
<a href='javascript:NextSlideShow( <?php echo $iCount-1; ?> ); clearInterval(interval);'>Next Photo</a> ›</strong>
So there you go. A FREE Javascript slideshow with animation. Now send me some beer 'cause I'm almost out. I'm off to bed, it's 4 AM, and I'm programming for people I've never even talked to. Night, Mike |
|
#12
|
|||
|
|||
|
Hey thanks dude! I was actually looking for a module which displays the slide show. Like a hack of the random property module. Any ideas on how to do this?
Thanks though...I'm gonna try this out as well. Much appreciated! |
|
#13
|
|||
|
|||
|
Where do you want the module to display? This wouldn't be too hard of a module to write.
|
|
#14
|
|||
|
|||
|
Just like the random property w/pic module that comes with HP...but in slideshow version. So that it can be placed in any module position and can be clicked to go to that specific property.
That would be awesome! Thanks
|
|
#15
|
|||
|
|||
|
Give me a night, and I can probably do it tomorrow. It will be $50.00. Do you want this to only be featured properties or all. Because if it's all, and you have alot of properties, it will be loading a lot of data into a Javascript array.
Last edited by meikeric; 01-30-2006 at 11:22 AM. |
|
#16
|
|||
|
|||
|
how can I turn off default way to show image?
for the moment I have first the slideshow (that is very nice), and then under I have all the images, as it allways have been. |
|
#17
|
|||
|
|||
|
I have been getting alot of requests for implementing the slideshow on http://www.remaxtropical.com so I thought I better post that I have a standard price of €100 for a similar implementation.
|
|
#18
|
|||
|
|||
|
Alex,
Mambosolutions is far away from supporting their add-on leave alone installing the addon to avoid the problems. All they reply is asking for admin logon so they can look into the issue. Seems like looking into issue takes about a month... And lots of promises which is not hold. There is still an open ticket with them since 25 May 2006 09:33 PM, no resolution. So called out-of box working package with no support at all behind it. Just sad... Thought that was a great add on to a brilliant component like Hotproperty, but ... dissapointed now... aaktas webmaster@websrus.co.uk Quote:
|
|
#19
|
|||
|
|||
|
Sorry to hear that you are having troubles with getting support for the image slider add-on, I will try to contact them personally and drag their attention to this thread and possibly you'll get a faster response from them...
__________________
Alex, Custom vBulletin/Joomla! Developer For sale: Joomla.cc & Joomla.ws |
|
#20
|
|||
|
|||
|
Thanks for your efforts Alex, I truely appreciate it.
After a little bit search around Joola community, I see that I am not only one having the trouble with the add-on, also with mambosolutions support. But lets leave it there without opening any further comment as Mosets have totally different approach for supporting their components and I really do not with to lead this thread on "lets throw the dirt on mambosolutions" way. However, if anyone puts their components up for sale commercially instead of letting other users to support each other throught user forums, then that product should be taken care of, even some of succesfull GPL licensed components that we all know have direct support from developers as well as other users. Somehow somebody does not seem realizing the support responsibility of commercial add-on... I would like to see John's honest comments on this issue also. I am pretty sure all Mosets Hotproperty customers would love to get a clear picture of what support they would get out of Mambosolutions if they are thinking of buying mentioned product as an add-on to a succesfull component. Atila webmaster@websrus.co.uk |
|
#21
|
|||
|
|||
|
We have done some work but I still think there is room for improvement.
Demo at http://www.sailing-whitsunday.co.uk/...d=13&Itemid=27 IE only Cheers Dan Last edited by diver_dan; 06-30-2006 at 05:35 PM. |
|
#22
|
|||
|
|||
|
If you need any help make it cross-browser friendly, and adding features, let me know: meikeric@gmail.com I've done a good bit of hotproperty work for people on this forum. Can't wait for the one I'm currently working on to launch, (http://www.xxxxxxxx.com, I wish I could tell you the domain). Suffice to say, I've added a bunch of features, and made some huge improvements in the HP code. We're looking at launching in about 2 weeks I would surmise.
Mike |
|
#23
|
|||
|
|||
|
Here is an image viewer, in object-oriented, cross-browser JavaScript. Very easy to plug and play, with "slide show" feature, and fully customisable in CSS and HTML:
javascript image viewer http://www.webonweboff.com/widgets/js/image_viewer.aspx Article includes a demo, source code, explanations. Hope this helps... |
|
#24
|
|||
|
|||
|
Hello meikeric,
Thank you so much for your slide-show for hotproperty, helped us a lot, at least me. But I needed to tweak it, in the way that: a) you can stop and restart the slide-show whenever you want by clicking on the photo. Reason: once you clicked on prev and next photo, the slideshow just stopped, so i need to let the user to be able to control that. b)during the slideshow, and when clicking on prev and next photo, i wanted the title and the description at the bottom of the photo to be refreshed as well. I have done some code, that works, to some extent, and I would really need a little help to go over it and a few problems that i just couldnt figure out on my own for 4 days. And, it might be useful for others out there. I am not a php, or web programmer whatsoever, and i never touched mambo or joomla until 4 days ago, but i tried to apply my knowledge of windows/desktop programming into it, with trial and error. So, a) in order to have the slide show stop and restart upon clicking on the photo itself, this is what I did: - first, at loadup: Code:
<div id="hp_view_standard_photo_con1"> <div id="hp_view_standard_photo_con2"> <div id="hp_view_standard_photo_con3"> <a href='javascript:startTimer();'> <img src='<?php echo $mosConfig_live_site.$hp_imgdir_standard.$images[0]->standard; ?>' name='MainPhoto' alt='Click here to pause the slide-show' border='0' class='search01'></div> <div id="hp_view_standard_photo_con4"> <div id="hp_view_standard_photo_title"><?php echo $images[0]->title; ?> </div> <div id="hp_view_standard_photo_desc"><?php echo htmlentities($images[0]->desc, ENT_QUOTES); ?> </div> </a> </div> </div> </div> $images[0]->title and $images[0]->desc So far so good. - Now, onto the timer for stopping and restarting the slide show when clicking on the photo, introducing bTimer, a boolean to toggle the start and stop of the timer for slide-showing the photos: Code:
<script language="JavaScript" type="text/javascript">
//for image viewer slide show
myCount = 0;
bTimer = 0;
function UpdateCounter( currentCount )
{
myCount = currentCount;
}
function loadImgArray( strList ){
myImgList = strList.split(",");
}
function NextSlideShow( maxCount ){
if(myCount >= maxCount){
myCount = 0;
}else{
myCount++;
}
//alert( myImgList[myCount] );
show('MainPhoto',myImgList[myCount]);
bTimer = 0;
document.getElementById("MainPhoto").alt = 'Click here to start the slide-show';
}
function PrevSlideShow( maxCount ){
if(myCount <= 0){
myCount = maxCount;
}else{
myCount--;
}
//alert( myImgList[myCount] );
show('MainPhoto',myImgList[myCount]);
bTimer = 0;
document.getElementById("MainPhoto").alt = 'Click here to start the slide-show';
}
function fillLabel(inField,inValue){
if(inValue == ''){
inValue = myCount + 1;
}
if(document.layers) //NN4+
{
document.layers[inField].innerHTML = inValue;
}
else if(document.getElementById) //gecko(NN6) + IE 5+
{
var obj = document.getElementById(inField);
obj.innerHTML = inValue;
}
else if(document.all) // IE 4
{
document.all[inField].innerHTML = inValue;
}
}
function show(name,src) {
if (document.images) {
document.images[name].src = src;
}
}
function NextSlideShowAuto( maxCount ){
if(myCount >= maxCount){
myCount = 0;
}else{
myCount++;
}
//alert( myImgList[myCount] );
show('MainPhoto',myImgList[myCount]);
bTimer = 1;
}
function startTimer(){
if(bTimer == 0){
bTimer = 1;
speed = 2;
//
interval=setInterval('NextSlideShowAuto( <?php echo $iCount-1; ?> );',speed*1000);
document.getElementById("MainPhoto").alt = 'Click here to pause the slide-show';
}else{
clearInterval(interval);
bTimer = 0;
document.getElementById("MainPhoto").alt = 'Click here to start the slide-show';
}
}
</script>
please help..?b) And now, onto adding the title and description of the photo to refresh at the bottom of the photo, when slide-showing or simply clicking on prev and next photo links. I got inspired from this code of yours for arraying the photos: Code:
loadImgArray( '<?php
$i = 1;
foreach($images AS $image) {
echo $mosConfig_live_site.$hp_imgdir_standard.$image->standard;
if($iCount > 1 && $i != $iCount) {
echo ',';
}
$i++;
}
?>' );
Code:
function loadImgArray( strList ){
myImgList = strList.split(",");
}
Code:
loadTitleArray( '<?php
$i = 1;
foreach($images AS $image) {
echo $mosConfig_live_site.$hp_imgdir_standard.$image->title;
if($iCount > 1 && $i != $iCount) {
echo ',';
}
$i++;
}
?>' );
Code:
function loadTitleArray( strTList ){
myTitleList = strTList.split(",");
}
Code:
function show(name,src) {
if (document.images) {
document.images[name].src = src;
}
}
Code:
function show(name,src) {
if (document.images) {
document.images[name].src = src;
ArrTit = myTitleList[myCount].split("/");
document.getElementById("hp_view_standard_photo_title").childNodes[0].nodeValue = ArrTit[ArrTit.length-1];
}
}
Problem arises when wanting to do the same thing with the description. Logically, seeing that $image->standard gives out a handle to the current photo at the load up part, seeing that $image->title retrieves the title property of that photo, and seeing that $image->desc, still at the load up part, returns the description of that current photo, i figured i would copycat again the original code you had for populating an array with the photos, which i did for the titles, and create an array of the descriptions of each photo, by adding this code here: Code:
loadDescArray ( '<?php
$i = 1;
foreach($images AS $image) {
echo $mosConfig_live_site.$hp_imgdir_standard.$image->desc ;
if($iCount > 1 && $i != $iCount) {
echo ',';
}
$i++;
}
?>' );
if i changed the $mosConfig_live_site.$hp_imgdir_standard.$image->desc ; part to $mosConfig_live_site.$hp_imgdir_standard.$image->standard ;, like this: Code:
loadDescArray ( '<?php
$i = 1;
foreach($images AS $image) {
echo $mosConfig_live_site.$hp_imgdir_standard.$image->standard ;
if($iCount > 1 && $i != $iCount) {
echo ',';
}
$i++;
}
?>' );
![]() of course the accompanying code for it is: Code:
function loadDescArray( strDList ){
//alert (strDList);
myDescList = strDList.split(",");
Code:
function show(name,src) {
if (document.images) {
document.images[name].src = src;
ArrTit = myTitleList[myCount].split("/");
("/");
document.getElementById("hp_view_standard_photo_title").childNodes[0].nodeValue = ArrTit[ArrTit.length-1];
document.getElementById("hp_view_standard_photo_desc").childNodes[0].nodeValue = myDescList[myCount];
}
}
i dont get the logic, and would really appreciate some help on this one. Any ideas out there, why i can retrieve the titles but just cant retrieve the descriptions? Thanks much people, and happy joomlaing! Harry Szovik |
|
#25
|
|||
|
|||
|
Any one out there at all to give me a hand.....?
I would really appreciate it. You can view the slide-show in action, with stop and start features when clicking on the image, here: http://www.immosurf.tv then click on any displayed house that's for sale or for rent. |
|
#26
|
|||
|
|||
|
Check out this slide show...
http://goldcoastproperty.com.au/ If anyone is interested, its from a commercial point so depending on how many people want it depends on the time and money? Perhaps all can get together and chip in...the more the better, the cheaper... Cheers, Ferns |
|
#27
|
|||
|
|||
|
Hi Fernsy,
I am interested in all of the changes that I see on your property page. Please give me a price to implement these. I am eager to get this functionality. Thanks, Julie |
|
#28
|
|||
|
|||
|
Contact me at custom@goldcoastproperty.com.au for further info.
Are you able to send me a link of your current site please? Regards, GCP |
|
#29
|
|||
|
|||
|
Hi meikeric. I think you are the best user in this forum.
Thanks for your information. But i have a problem. I apllied it it works fine for me but i want to remove the old thumbnails. I posted picture. Which codes i need to remove ? Thanks for help everybody. If you wanna how it works see my website http://www.aracigrup.com
|
|
#30
|
|||
|
|||
|
An great, nice and customizable flash slidershow for mosets hotproperty:
http://flash.votrewebsite.com |
![]() |
| Thread Tools | |
| Display Modes | |
|
|
Similar Threads
|
||||
| Thread | Thread Starter | Forum | Replies | Last Post |
| All Images do not show | Cybermatrix | Hot Property Troubleshooting and Problems | 10 | 01-13-2007 02:14 PM |
| customize number of propertied to show | mambosolutions | Hot Property Troubleshooting and Problems | 5 | 12-22-2004 11:05 AM |
| button to show elements with the same value of an extrafield | jul0577 | Hot Property Troubleshooting and Problems | 1 | 12-11-2004 04:39 PM |