滑动模块版本 0.1 - 模块 - XOOPS 新闻 - XOOPS 网络应用程序系统

XOOPS

新闻

模块: 滑动模块版本 0.1

投稿者: kerkyra 于 2010/6/14 16:50:00 12739 阅读

大家好，我刚刚完成了一个简单的滑动模块，分享给大家。

该模块允许您创建任意多的滑动，里面可以包含任意数量的幻灯片。

每张幻灯片都可以有一张图片，如果有 GD 库，将会被调整大小，还有标题和描述。

如果您喜欢，可以跳过描述或图片。只需标题是必须的。

//from readme.txt
引用

滑动版本 0.1

安装
1.像安装其他模块一样，将文件夹 slider 上传到 /modules/
2.转到 xoops 管理 > 模块，并点击安装。
3.使文件夹 /modules/slider/uploads 可写 - chmod 777

模块使用
在管理区域中，您可以创建任意多的滑动，并添加任意数量的幻灯片/页面，包含或不包含图片。

为了使得滑动能正常工作，至少需要有一个是激活的。

显示块并将其设置为可见即可。

您可以尝试一下。

从这里下载

评论归原作者所有。我们不承担责任。

Re: 滑动模块版本 0.1

insraq 发布于 06/14/2010 17:01 常见问题加入 01/24/2006 评论 266

这块模块运行不正常。当我进入后台时，显示以下错误

 addScript('browse.php?Frameworks/jquery/jquery.js'); $xoTheme->addScript('modules/slider/js/jqdialog.js'); $xoTheme->addStylesheet('modules/slider/css/jqdialog.css', array('media' => 'screen')); if (!isset($xoopsTpl) || !is_object($xoopsTpl)) { include_once(XOOPS_ROOT_PATH."/class/template.php"); $xoopsTpl = new XoopsTpl(); } include_once (XOOPS_ROOT_PATH.'/modules/slider/class/sliders.php'); $sliders = new Sliders(); $xoopsTpl->assign('totalcount', $sliders->totalsliders); $sliderlist = $sliders->getAllSliders(); $xoopsTpl->assign('sliderlist',$sliderlist); $xoopsTpl->assign('adminheader',XOOPS_ROOT_PATH.'/modules/slider/templates/admin/slider_admin_header.html'); $xoopsTpl->display(XOOPS_ROOT_PATH.'/modules/slider/templates/admin/slider_admin_index.html'); xoops_cp_footer(); ?>

Re: 滑动模块版本 0.1

bjuti 发布于 2010/06/14 17:15 无法离开加入日期 2009/01/07 评论 871

谢谢！有任何可运行的演示吗？

Re: 滑动模块版本 0.1

btesec 发布于 2010/06/14 18:30 XOOPS 朋友加入日期 2007/02/20 评论 623

我没有看到编辑或删除幻灯片的操作按钮。我没有看到上传图片的选项。

Re: 滑动模块版本 0.1

kerkyra 发布于 2010/06/14 18:49 无法离开加入日期 2005/02/14 评论 553

@insraq: 我在 xoops 版本 > 2.3 上工作。

不过现在我已经让它兼容 2.3 了。请下载包并更新模块。

@bjuti: demo

@btsec: 你创建了一个滑块吗？这是你首先需要做的，然后在其操作中有一个图片/链接来管理其幻灯片。

Re: 滑动模块版本 0.1

webmystar 发布于 06/14/2010 19:01 XOOPS 朋友加入于 06/23/2008 评论数 415

感谢分享。

关于滑块模块 ver 0.1

Burning 发布于 06/14/2010 19:04 主题设计师加入于 08/22/2006 评论数 1163

轻便且实用，感谢！

...要在块而不是内容区域显示幻灯片会比较困难吗？

Re: 滑动模块版本 0.1

kerkyra 发布于 06/14/2010 19:08 无法离开加入于 02/14/2005 评论数 553

@burning: 已经有一个用于显示滑块的块了，只需从系统->块管理员启用即可。

Re: 滑动模块版本 0.1

Burning 发布于 06/14/2010 19:11 更新于 06/14/2010 19:48 主题设计师加入于 08/22/2006 评论数 1163

哎呀！

---> 论坛报告

Re: 滑动模块版本 0.1

oswaldo 发布于 06/14/2010 20:26 更新于 06/14/2010 20:36 常客加入于 08/22/2008 评论数 215

我测试了，在块中一切正常，请参阅此处

但是模块页面为空白，请参阅此处

顺便说一句，这个网站是用于测试模块的。如果您想在线测试模块，我可以在邮件中介送这个链接

Re: 滑动模块版本 0.1

kerkyra 发布于 06/14/2010 20:52 无法离开加入于 02/14/2005 评论数 553

@ burning: 你使用的是哪个版本的XOOPS？我会看看能否解决这些错误并回复你 :)

Re: 滑动模块版本 0.1

deepak267 发布 06/14/2010 21:25 相当常见的加入 08/15/2008 评论 352

感谢分享

Re: 滑动模块版本 0.1

oswaldo 发布 06/14/2010 21:39 更新 06/14/2010 21:44 相当常见的加入 08/22/2008 评论 215

btsec，首先你需要在管理员界面创建一个滑块，这个屏幕类似于在其他模块中创建类别。

然后转到“管理员滑块”，你会看到一个滑块列表，选择你创建的那个，点击你的滑块旁边的编辑图标，现在你可以看到一个添加幻灯片的屏幕，这里有标题、描述和上传图片。按需添加。
最后，转到滑块列表，选择右边的红色球来激活，它变为绿色。

记住，首先创建一个滑块，然后为每个滑块创建幻灯片。

Re: 滑动模块版本 0.1

btesec 发布 06/14/2010 22:43 XOOPS之友加入 02/20/2007 评论 623

我使用的是 xoops 2.4.4

Re: 滑动模块版本 0.1

oswaldo 发布 06/15/2010 0:03 更新 06/15/2010 3:26 相当常见的加入 08/22/2008 评论 215

我使用的是 \xoops_2.5.0_Alpha2 utf-8

查看我的演示

我不知道主题，但我发现它的用途很大

Re: 滑动模块版本 0.1

mariane 发布 06/15/2010 19:54 主题设计师加入 01/11/2008 评论 649

虽然这是个好主意，但不幸的是该模块在 xoops 2.4.4 或 2.4.5.rc2 下无法运行。
顺便一提，我已经将翻译成阿拉伯语和法语，但我还没有和我的社区 arabxoops.com 或 frxoops.org 分享，因为我等你使其与新版 xoops 兼容。
我会私信你翻译

Re: 滑动模块版本 0.1

btesec 发布 06/15/2010 22:50 XOOPS之友加入 02/20/2007 评论 623

对我们使用较低版本的人来说很糟糕。本可以测试它。

Re: 滑动模块版本 0.1

kerkyra 发布 06/16/2010 10:28 再也离不开这个了加入 02/14/2005 评论 553

奇怪的。我在2.3和2.4站点上使用了该模块，对我来说它正常工作！有任何调试信息吗？

Re: 滑动模块版本 0.1

mariane 发布于 2010年06月18日 6:38 主题设计师加入于2008年01月11日评论 649

有更新吗？

Re: 滑动模块版本 0.1

kerkyra 发布于 2010年06月18日 7:01 Just can't stay away 加入于2005年02月14日评论 553

还没有！你能告诉我你遇到什么类型的错误吗？我用的是您提到的模块，以及2.3版本，有调试信息吗？

Re: 滑动模块版本 0.1

mariane 发布于 2010年06月21日 15:39 主题设计师加入于2008年01月11日评论 649

嗨，调试过程中没有错误，但我在模块中看到块里的图片被X代替了。
我正在使用XOOPS 2.4.5 rc2。

Re: 滑动模块版本 0.1

Mamba 发布于 2010年07月05日 7:44 版主加入于2004年04月23日评论 11375

即将有更新吗？

Re: 滑动模块版本 0.1

kerkyra 发布于 2010年07月06日 19:42 Just can't stay away 加入于2005年02月14日评论 553

嗨，抱歉这么晚才回复！这些天我有点忙。我会尽快更新模块的，请列出你的愿望清单：）

Re: 滑动模块版本 0.1

techdb 发布于 2010年07月22日 14:43 Just popping in 加入于2005年03月07日评论 23

该模块有很大的潜力，但我遇到了其他运行2.4.5的用户遇到的问题。

非常期待更新。

Re: 滑动模块版本 0.1

btesec 发布于 2010年07月22日 21:44 更新于 2010年07月22日 21:46 XOOPS的朋友加入于2007年02月20日评论 623

大家好，
我在我的本地机器上让它正常工作了。我得编辑在第一篇评论中insraq发布的代码。我还需要再看一看，但应该是有这样一个问题：移除的URL/路径是第一个反斜杠，然后图片就显示出来了。我尝试将其放置在文字上方或旁边，因为文字显示在图片后面，但没成功。
- 我们应该能够定义在图片上和/或文字上的链接，以便我们可以链接到其他内容，而不仅仅是使用提供的文本区域。我用xoops 2.4.5最终版，然后它运行正常。
—— 应该能够控制图片的高度或宽度
—— 如果它能用来从类似新闻模块这样的模块中抽取内容会怎样呢？

Re: 滑动模块版本 0.1

嗨，

有人能告诉我怎么把它做成幻灯片吗？

它应该有像现在这样的按钮（左和右），但我需要以大约2到3秒的间隔播放幻灯片。

对于任何帮助我将不胜感激……

Deepak

Re: slider模块 ver 0.1 幻灯片

hi there，很抱歉我没有时间更新模块。
@deepak77：我已经将slider.js jQuery插件改变了，以支持幻灯片。
你需要做的是以下几步。

编辑js文件夹中的slider.js文件，并用以下的代码替换文件中的所有内容

引用

var _siteRoot='index.html',_root='index.html';
$(function(){
$('a').focus(function(){this.blur();});
SI.Files.stylizeAll();
slider.init();
//mc.init();

$('input.text-default').each(function(){
$(this).attr('default',$(this).val());
}).focus(function(){
if($(this).val()==$(this).attr('default'))
$(this).val('');
}).blur(function(){
if($(this).val()=='')
$(this).val($(this).attr('default'));
});

$('input.text,textarea.text').focus(function(){
$(this).addClass('textfocus');
}).blur(function(){
$(this).removeClass('textfocus');
});

var popopenobj=0,popopenaobj=null;
$('a.popup').click(function(){
var pid=$(this).attr('rel').split('|')[0],_os=parseInt($(this).attr('rel').split('|')[1]);
var pobj=$('#'+pid);
if(!pobj.length)
return false;
if(typeof popopenobj=='object' && popopenobj.attr('id')!=pid){
popopenobj.hide(50);
$(popopenaobj).parent().removeClass(popopenobj.attr('id').split('-')[1]+'-open');
popopenobj=null;
}
return false;
});
$('p.images img').click(function(){
var newbg=$(this).attr('src').split('bg/bg')[1].split('-thumb')[0];
$(document.body).css('backgroundImage','url('+_siteRoot+'images/bg/bg'+newbg+'.jpg)');

$(this).parent().find('img').removeClass('on');
$(this).addClass('on');
return false;
});
$(window).load(function(){
if(typeof(css_ims) !== 'undefined'){
$.each(css_ims,function(){(new Image()).src=_siteRoot+'css/images/'+this;});
$.each(css_cims,function(){
var css_im=this;
$.each(['blue','purple','pink','red','grey','green','yellow','orange'],function(){
(new Image()).src=_siteRoot+'css/'+this+'/'+css_im;
});
});}
});
$('div.sc-large div.img:has(div.tml)').each(function(){
$('div.tml',this).hide();
$(this).append(' ').find('a').css({
left:parseInt($(this).offset().left)+864,top:parseInt($(this).offset().top)+1
}).click(function(){
$(this).siblings('div.tml').slideToggle();
return false;
}).focus(function(){this.blur();});
});
});
var slider={
num:-1,
cur:0,
cr:[],
al:null,
at:10*1000,
ar:true,
init:function(){
if(!slider.data || !slider.data.length)
return false;

var d=slider.data;
slider.num=d.length;
var pos=Math.floor(Math.random()*1);//slider.num);
for(var i=0;i$('#'+d[i].id).css({left:((i-pos)*1000)});
$('#slide-nav').append(''+(i+1)+'');
}

$('img,div#slide-controls',$('div#slide-holder')).fadeIn();
slider.text(d[pos]);
slider.on(pos);
slider.cur=pos;
window.setTimeout('slider.auto();',slider.at);
},
auto:function(){
if(!slider.ar)
return false;

var next=slider.cur+1;
if(next>=slider.num) next=0;
slider.slide(next);
},
slide:function(pos){
if(pos<0 || pos>=slider.num || pos==slider.cur)
return;

window.clearTimeout(slider.al);
slider.al=window.setTimeout('slider.auto();',slider.at);

var d=slider.data;
for(var i=0;i$('#'+d[i].id).stop().animate({left:((i-pos)*1000)},1000,'swing');

slider.on(pos);
slider.text(d[pos]);
slider.cur=pos;
},
on:function(pos){
$('#slide-nav a').removeClass('on');
$('#slide-nav a#slide-link-'+pos).addClass('on');
},
文本函数：function(di){
slider.cr['a']=di.client;
slider.cr['b']=di.desc;
slider.ticker('#slide-client span',di.client,0,'a');
slider.ticker('#slide-desc',di.desc,0,'b');
},
ticker函数：function(el,text,pos,unique){
if(slider.cr[unique]!=text)
return false;

ctext=text.substring(0,pos)+(pos%2?'-':'_');
$(el).html(ctext);

if(pos==text.length)
$(el).html(text);
else
window.setTimeout('slider.ticker("'+el+'","'+text+'",'+(pos+1)+تبارترین ابر用作分号 after "to","'+unique+'");',30);
}
};
// 文件选择样式文件 1.0 | Shaun Inman <http://www.shauninman.com/> | 2007-09-07
if(!window.SI){var SI={};};
SI.Files={
htmlClass:'SI-FILES-STYLIZED',
fileClass:'file',
wrapClass:'cabinet',

fini:false,
able:false,
init:function(){
this.fini=true;
},
stylize函数：function(elem){
if(!this.fini){this.init();};
if(!this.able){return;};

elem.parentNode.file=elem;
elem.parentNode.onmousemove fonction(e){
if(typeof e=='undefined') e=window.event;
if(typeof e.pageY=='undefined' && typeof e.clientX=='number' && document.documentElement){
e.pageX=e.clientX+document.documentElement.scrollLeft;
e.pageY=e.clientY+document.documentElement.scrollTop;
};
var ox=oy=0;
var elem=this;
if(elem.offsetParent){
ox=elem.offsetLeft;
oy=elem.offsetTop;
while(elem=elem.offsetParent){
ox+=elem.offsetLeft;
oy+=elem.offsetTop;
};
};
};
},
stylizeAll函数：function(){
if(!this.fini){this.init();};
if(!this.able){return;};
}
};

这样你就可以在slider_block_index.html中的模板中初始化滑块，如下

引用

根据需要设置自动滚动为true或false
设置时间间隔值，可以根据个人喜好来。

我将尽快更新模块，让创建滑块的各个用户可以通过配置值来设置这些参数。

Re: slider模块 ver 0.1 幻灯片

btesec Published 11/30/2010 22:19 Friend of XOOPS Joined 02/20/2007 Comments 623

希望看到更新后的发布版本。
谢谢

Re: slider模块 ver 0.1 幻灯片

Shiva Published 04/27/2011 10:09 Updated 04/27/2011 10:11 Quite a regular Joined 07/09/2006 Comments 280

Hi kerkyra,

谢谢这个模块。我已经尽力尝试，但恐怕我无法让自动滚动工作。我相信问题出在

if(!slider.data || !slider.data.length)

It does not like slider.data, you can see it implemented here: (Link appears in original English text)

如果您能提供建议会非常感激。

谢谢

Shiva.

Login

Username

Password

Remember me

Search

Advanced Search

Donat-O-Meter

Stats
Goal:	$100.00
Due Date:	Aug 31
Gross Amount:	$0.00
Net Balance:	$0.00
Left to go:	$100.00

Latest GitHub Commits

{{ record.sha.slice(0, 7) }} - {{ record.commit.message | truncate }}

{{ record.commit.author.name }} {{ record.commit.author.date | formatDate }}

模块: 滑动模块版本 0.1

Re: 滑动模块版本 0.1

Re: 滑动模块版本 0.1

Re: 滑动模块版本 0.1

Re: 滑动模块版本 0.1

Re: 滑动模块版本 0.1

关于滑块模块 ver 0.1

Re: 滑动模块版本 0.1

Re: 滑动模块版本 0.1

Re: 滑动模块版本 0.1

Re: 滑动模块版本 0.1

Re: 滑动模块版本 0.1

Re: 滑动模块版本 0.1

Re: 滑动模块版本 0.1

Re: 滑动模块版本 0.1

Re: 滑动模块版本 0.1

Re: 滑动模块版本 0.1

Re: 滑动模块版本 0.1

Re: 滑动模块版本 0.1

Re: 滑动模块版本 0.1

Re: 滑动模块版本 0.1

Re: 滑动模块版本 0.1

Re: 滑动模块版本 0.1

Re: 滑动模块版本 0.1

Re: 滑动模块版本 0.1

Re: 滑动模块版本 0.1

Re: slider模块 ver 0.1 幻灯片

Re: slider模块 ver 0.1 幻灯片

Re: slider模块 ver 0.1 幻灯片

Login

Search

Recent Comments

Re: New Admin Theme for XOOPS (Beta)

Re: New Admin Theme for XOOPS (Beta)

Re: XOOPS 2.5.11 Final Released

Re: XOOPS 2.5.11 Final Released

Re: XOOPS 2.5.11 Final Released

Who's Online

Donat-O-Meter

Latest GitHub Commits

{{ record.sha.slice(0, 7) }} - {{ record.commit.message | truncate }}

Archives

News archives